13176889840
3 years ago
10 changed files with 1040 additions and 135 deletions
|
After Width: | Height: | Size: 376 B |
|
After Width: | Height: | Size: 4.4 KiB |
@ -0,0 +1,176 @@ |
|||||
|
<template> |
||||
|
<div class="m-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>新增需求</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-close" |
||||
|
@click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
|
||||
|
<demand-info-origin ref="demandEditForm" |
||||
|
:source="'visiual'" |
||||
|
:formType="'add'" |
||||
|
@handleClose="handleClose" |
||||
|
@handleOk="handleOk" |
||||
|
@dialogOk="handleEditSuccess" /> |
||||
|
|
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
|
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info"; |
||||
|
import demandInfoOrigin from "@/views/modules/communityService/measure/info"; |
||||
|
|
||||
|
export default { |
||||
|
name: "dialogInfo", |
||||
|
props: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
eventInfo, |
||||
|
demandInfoOrigin, |
||||
|
}, |
||||
|
|
||||
|
data () { |
||||
|
return { |
||||
|
loading: false, |
||||
|
|
||||
|
pageType: 'dispose', |
||||
|
eventId: '1529724450524061698', |
||||
|
eventDetailData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
async mounted () { |
||||
|
this.loading = false |
||||
|
await this.handleSearch() |
||||
|
this.loading = true |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async handleSearch () { |
||||
|
|
||||
|
const url = "/gov/project/icEvent/detail"; |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
icEventId: this.eventId, |
||||
|
}); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
|
||||
|
this.eventDetailData = { ...data }; |
||||
|
this.pageType = "dispose"; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleClose () { |
||||
|
this.pageType = ""; |
||||
|
this.$emit("handleClose") |
||||
|
// this.eventId = "" |
||||
|
}, |
||||
|
handleOk () { |
||||
|
this.pageType = ""; |
||||
|
// this.eventId = "" |
||||
|
this.pageNo = 1 |
||||
|
}, |
||||
|
|
||||
|
handleEditSuccess () { |
||||
|
this.handleClose(); |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/people.scss" |
||||
|
scoped |
||||
|
></style> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/visual/a_customize.scss"; |
||||
|
|
||||
|
.m-pop { |
||||
|
color: #fff; |
||||
|
.wrap { |
||||
|
.list { |
||||
|
display: block; |
||||
|
width: 60%; |
||||
|
.item { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 15px; |
||||
|
font-size: 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
.item-field { |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
|
||||
|
.item-filed-height { |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
} |
||||
|
.item-desc { |
||||
|
font-size: 16px; |
||||
|
color: #fff; |
||||
|
margin-bottom: 10px; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.list-title { |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 20px 0 10px 62px; |
||||
|
font-size: 20px; |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.list-wr { |
||||
|
display: flex; |
||||
|
padding: 0 32px; |
||||
|
} |
||||
|
|
||||
|
.sel-service { |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
} |
||||
|
|
||||
|
.div_btn { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
|
||||
|
.item_btn { |
||||
|
font-size: 14px; |
||||
|
padding: 8px 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
border: 1px dashed #0c81fe; |
||||
|
border-radius: 6px; |
||||
|
background-color: #0c81fe; |
||||
|
} |
||||
|
|
||||
|
.mgl { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,177 @@ |
|||||
|
<template> |
||||
|
<div class="m-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>需求详情</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-close" |
||||
|
@click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
|
||||
|
<event-info v-if="loading" |
||||
|
ref="eleEditForm" |
||||
|
:pageType="pageType" |
||||
|
:eventId="eventId" |
||||
|
:eventDetailData="eventDetailData" |
||||
|
:source="'visiual'" |
||||
|
@handleClose="handleClose" |
||||
|
@handleOk="handleOk" |
||||
|
@dialogOk="handleEditSuccess" /> |
||||
|
|
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
|
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info"; |
||||
|
|
||||
|
export default { |
||||
|
name: "dialogInfo", |
||||
|
props: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
eventInfo, |
||||
|
}, |
||||
|
|
||||
|
data () { |
||||
|
return { |
||||
|
loading: false, |
||||
|
|
||||
|
pageType: 'dispose', |
||||
|
eventId: '1552537796854706177', |
||||
|
eventDetailData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
async mounted () { |
||||
|
this.loading = false |
||||
|
await this.handleSearch() |
||||
|
this.loading = true |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async handleSearch () { |
||||
|
|
||||
|
const url = "/gov/project/icEvent/detail"; |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
icEventId: this.eventId, |
||||
|
}); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
|
||||
|
this.eventDetailData = { ...data }; |
||||
|
this.pageType = "dispose"; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleClose () { |
||||
|
this.pageType = ""; |
||||
|
this.$emit("handleClose") |
||||
|
// this.eventId = "" |
||||
|
}, |
||||
|
handleOk () { |
||||
|
this.pageType = ""; |
||||
|
// this.eventId = "" |
||||
|
this.pageNo = 1 |
||||
|
}, |
||||
|
|
||||
|
handleEditSuccess () { |
||||
|
this.handleClose(); |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/people.scss" |
||||
|
scoped |
||||
|
></style> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/visual/a_customize.scss"; |
||||
|
|
||||
|
.m-pop { |
||||
|
color: #fff; |
||||
|
.wrap { |
||||
|
.list { |
||||
|
display: block; |
||||
|
width: 60%; |
||||
|
.item { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 15px; |
||||
|
font-size: 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
.item-field { |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
|
||||
|
.item-filed-height { |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
} |
||||
|
.item-desc { |
||||
|
font-size: 16px; |
||||
|
color: #fff; |
||||
|
margin-bottom: 10px; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.list-title { |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 20px 0 10px 62px; |
||||
|
font-size: 20px; |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.list-wr { |
||||
|
display: flex; |
||||
|
padding: 0 32px; |
||||
|
} |
||||
|
|
||||
|
.sel-service { |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
} |
||||
|
|
||||
|
.div_btn { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
|
||||
|
.item_btn { |
||||
|
font-size: 14px; |
||||
|
padding: 8px 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
border: 1px dashed #0c81fe; |
||||
|
border-radius: 6px; |
||||
|
background-color: #0c81fe; |
||||
|
} |
||||
|
|
||||
|
.mgl { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,223 @@ |
|||||
|
<template> |
||||
|
<div class="m-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>企事业单位巡查详情</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-close" |
||||
|
@click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
|
||||
|
<div class="list-wr"> |
||||
|
<div class="list"> |
||||
|
|
||||
|
<div class="item"> |
||||
|
<span class="item-field">场所类型：</span> |
||||
|
<span>{{ eventDetailData.placeTypeName }}</span> |
||||
|
</div> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">场所名称：</span> |
||||
|
<span>{{ eventDetailData.placeOrgName }}</span> |
||||
|
</div> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">规模：</span> |
||||
|
<span>{{ eventDetailData.scaleName }}</span> |
||||
|
</div> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">联系电话：</span> |
||||
|
<span>{{ eventDetailData.mobile }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="list"> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">场所区域：</span> |
||||
|
<span>{{ eventDetailData.agencyName+eventDetailData.gridName }}</span> |
||||
|
</div> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">场所地址：</span> |
||||
|
<span>{{ eventDetailData.address }}</span> |
||||
|
</div> |
||||
|
<div class="item"> |
||||
|
<span class="item-field">负责人：</span> |
||||
|
<span>{{ eventDetailData.personInCharge }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="div_record"> |
||||
|
<record :formType="'edit'" |
||||
|
:source="'visiual'" |
||||
|
:enterpriseId="enterpriseId" |
||||
|
:enterpriseInfo="enterpriseInfo"></record> |
||||
|
</div> |
||||
|
<div class="div-btn " |
||||
|
style="padding-bottom:10px"> |
||||
|
<el-button size="small" |
||||
|
@click="handleClose">关闭</el-button> |
||||
|
</div> |
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
|
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import record from "@/views/modules/shequzhili/tuceng/anquan/xuncha/cpts/record"; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
name: "dialogInfo", |
||||
|
props: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
record |
||||
|
}, |
||||
|
|
||||
|
data () { |
||||
|
return { |
||||
|
loading: false, |
||||
|
|
||||
|
pageType: 'dispose', |
||||
|
|
||||
|
eventDetailData: {}, |
||||
|
enterpriseInfo: {}, |
||||
|
|
||||
|
enterpriseId: '1544585407179968514', |
||||
|
|
||||
|
|
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
async mounted () { |
||||
|
this.loading = false |
||||
|
|
||||
|
await this.loadInfo() |
||||
|
|
||||
|
this.loading = true |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async loadInfo () { |
||||
|
|
||||
|
const url = "/gov/org/enterprise/detail/" + this.enterpriseId; |
||||
|
|
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
|
||||
|
this.eventDetailData = { ...data }; |
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleClose () { |
||||
|
this.pageType = ""; |
||||
|
this.$emit("handleClose") |
||||
|
|
||||
|
}, |
||||
|
handleOk () { |
||||
|
this.pageType = ""; |
||||
|
|
||||
|
this.pageNo = 1 |
||||
|
}, |
||||
|
|
||||
|
handleEditSuccess () { |
||||
|
this.handleClose(); |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/people.scss" |
||||
|
scoped |
||||
|
></style> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/visual/a_customize.scss"; |
||||
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
||||
|
|
||||
|
.m-pop { |
||||
|
color: #fff; |
||||
|
.wrap { |
||||
|
.list { |
||||
|
display: block; |
||||
|
width: 60%; |
||||
|
.item { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 15px; |
||||
|
font-size: 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
.item-field { |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
|
||||
|
.item-filed-height { |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
} |
||||
|
.item-desc { |
||||
|
font-size: 16px; |
||||
|
color: #fff; |
||||
|
margin-bottom: 10px; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.list-title { |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 20px 0 10px 62px; |
||||
|
font-size: 20px; |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.list-wr { |
||||
|
display: flex; |
||||
|
padding: 0 32px; |
||||
|
} |
||||
|
|
||||
|
.div_btn { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
|
||||
|
.item_btn { |
||||
|
font-size: 14px; |
||||
|
padding: 8px 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
border: 1px dashed #0c81fe; |
||||
|
border-radius: 6px; |
||||
|
background-color: #0c81fe; |
||||
|
} |
||||
|
|
||||
|
.mgl { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.div_record { |
||||
|
// padding-bottom: 30px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,175 @@ |
|||||
|
<template> |
||||
|
<div class="m-pop"> |
||||
|
<div class="wrap"> |
||||
|
<cpt-card> |
||||
|
<div class="title"> |
||||
|
<img src="@/assets/img/shuju/title-tip.png" /> |
||||
|
<span>发起服务</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="btn-close" |
||||
|
@click="handleClose"> |
||||
|
<img src="@/assets/img/shuju/people/close.png" /> |
||||
|
</div> |
||||
|
|
||||
|
<add-form ref="demandEditForm" |
||||
|
:source="'visiual'" |
||||
|
:formType="'add'" |
||||
|
@handleClose="handleClose" |
||||
|
@handleOk="handleOk" |
||||
|
@dialogOk="handleEditSuccess" /> |
||||
|
|
||||
|
</cpt-card> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import cptCard from "@/views/modules/visual/cpts/card"; |
||||
|
|
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
|
||||
|
import addForm from "@/views/modules/communityService/fuwujilu/addForm"; |
||||
|
|
||||
|
export default { |
||||
|
name: "dialogInfo", |
||||
|
props: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
components: { |
||||
|
cptCard, |
||||
|
addForm |
||||
|
}, |
||||
|
|
||||
|
data () { |
||||
|
return { |
||||
|
loading: false, |
||||
|
|
||||
|
pageType: 'dispose', |
||||
|
eventId: '1529724450524061698', |
||||
|
eventDetailData: {}, |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
async mounted () { |
||||
|
this.loading = false |
||||
|
await this.handleSearch() |
||||
|
this.loading = true |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
async handleSearch () { |
||||
|
|
||||
|
const url = "/gov/project/icEvent/detail"; |
||||
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail"; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
icEventId: this.eventId, |
||||
|
}); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
|
||||
|
this.eventDetailData = { ...data }; |
||||
|
this.pageType = "dispose"; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
handleClose () { |
||||
|
this.pageType = ""; |
||||
|
this.$emit("handleClose") |
||||
|
// this.eventId = "" |
||||
|
}, |
||||
|
handleOk () { |
||||
|
this.pageType = ""; |
||||
|
// this.eventId = "" |
||||
|
this.pageNo = 1 |
||||
|
}, |
||||
|
|
||||
|
handleEditSuccess () { |
||||
|
this.handleClose(); |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style |
||||
|
lang="scss" |
||||
|
src="@/assets/scss/modules/visual/people.scss" |
||||
|
scoped |
||||
|
></style> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/modules/visual/a_customize.scss"; |
||||
|
|
||||
|
.m-pop { |
||||
|
color: #fff; |
||||
|
.wrap { |
||||
|
.list { |
||||
|
display: block; |
||||
|
width: 60%; |
||||
|
.item { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 15px; |
||||
|
font-size: 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
.item-field { |
||||
|
flex-shrink: 0; |
||||
|
} |
||||
|
|
||||
|
.item-filed-height { |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
} |
||||
|
.item-desc { |
||||
|
font-size: 16px; |
||||
|
color: #fff; |
||||
|
margin-bottom: 10px; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.list-title { |
||||
|
width: 100%; |
||||
|
box-sizing: border-box; |
||||
|
padding: 20px 0 10px 62px; |
||||
|
font-size: 20px; |
||||
|
color: #fff; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
.list-wr { |
||||
|
display: flex; |
||||
|
padding: 0 32px; |
||||
|
} |
||||
|
|
||||
|
.sel-service { |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
} |
||||
|
|
||||
|
.div_btn { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
|
||||
|
.item_btn { |
||||
|
font-size: 14px; |
||||
|
padding: 8px 16px; |
||||
|
cursor: pointer; |
||||
|
|
||||
|
border: 1px dashed #0c81fe; |
||||
|
border-radius: 6px; |
||||
|
background-color: #0c81fe; |
||||
|
} |
||||
|
|
||||
|
.mgl { |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue