@ -1,118 +1,43 @@
< template >
< template >
< div class = "app-container" >
< div class = "app-container" >
<!-- 搜索部分 -- >
< el -form :model ="queryParams" ref = "queryForm" size = "small" :inline ="true" v-show ="showSearch" label-width="68px" >
< el -form :model ="queryParams" ref = "queryForm" size = "small" :inline ="true" v-show ="showSearch" label-width="68px" >
< el -form -item label = " 公告标题" prop = "noticeTitl e">
< el -form -item label = " 奖项名称" prop = "applyNam e">
< el -input
< el -input
v - model = "queryParams. noticeTitl e"
v - model = "queryParams. applyNam e"
placeholder = "请输入 公告标题 "
placeholder = "请输入 奖项名称 "
clearable
clearable
@ keyup . enter . native = "handleQuery"
@ keyup . enter . native = "handleQuery"
/ >
/ >
< / e l - f o r m - i t e m >
< / e l - f o r m - i t e m >
< el -form -item label = " 操作人员 " prop = "createBy" >
< el -form -item label = " 创建者 " prop = "createBy" >
< el -input
< el -input
v - model = "queryParams.createBy"
v - model = "queryParams.createBy"
placeholder = "请输入 操作人员 "
placeholder = "请输入 创建者 "
clearable
clearable
@ keyup . enter . native = "handleQuery"
@ keyup . enter . native = "handleQuery"
/ >
/ >
< / e l - f o r m - i t e m >
< / e l - f o r m - i t e m >
< el -form -item label = "类型" prop = "noticeType" >
< el -select v -model = " queryParams.noticeType " placeholder = "公告类型" clearable >
< el -option
v - for = "dict in dict.type.sys_notice_type"
: key = "dict.value"
: label = "dict.label"
: value = "dict.value"
/ >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< el -form -item >
< el -form -item >
< el -button type = "primary" icon = "el-icon-search" size = "mini" @click ="handleQuery" > 搜 索 < / el -button >
< el -button type = "primary" icon = "el-icon-search" size = "mini" @click ="handleQuery" > 搜 索 < / el -button >
< el -button icon = "el-icon-refresh" size = "mini" @click ="resetQuery" > 重 置 < / el -button >
< el -button icon = "el-icon-refresh" size = "mini" @click ="resetQuery" > 重 置 < / el -button >
< / e l - f o r m - i t e m >
< / e l - f o r m - i t e m >
< / e l - f o r m >
< / e l - f o r m >
< custom -table
: columns = "tableColumns"
: tableData = "noticeList"
: loading = "loading"
: actions = "tableActions"
: query - params = "queryParams"
: apply - type = "applyParam.applyType"
@ handleQuery = "handleQuery"
@ resetQuery = "resetQuery"
@ handleView = "handleView"
@ getList = "getList"
@ handleSelectionChange = "handleSelectionChange"
>
< el -row :gutter ="10" class = "mb8" >
< / c u s t o m - t a b l e >
< el -col :span ="1.5" >
< el -button
type = "primary"
plain
icon = "el-icon-plus"
size = "mini"
@ click = "handleAdd"
v - hasPermi = "['system:notice:add']"
> 新增 < / e l - b u t t o n >
< / e l - c o l >
< el -col :span ="1.5" >
< el -button
type = "success"
plain
icon = "el-icon-edit"
size = "mini"
: disabled = "single"
@ click = "handleUpdate"
v - hasPermi = "['system:notice:edit']"
> 修改 < / e l - b u t t o n >
< / e l - c o l >
< el -col :span ="1.5" >
< el -button
type = "danger"
plain
icon = "el-icon-delete"
size = "mini"
: disabled = "multiple"
@ click = "handleDelete"
v - hasPermi = "['system:notice:remove']"
> 删除 < / e l - b u t t o n >
< / e l - c o l >
< right -toolbar :showSearch.sync ="showSearch" @queryTable ="getList" > < / right -toolbar >
< / e l - r o w >
< el -table v-loading ="loading" :data="noticeList" @selection-change="handleSelectionChange" >
< el -table -column type = "selection" width = "55" align = "center" / >
< el -table -column
label = "公告标题"
align = "center"
prop = "noticeTitle"
: show - overflow - tooltip = "true"
/ >
< el -table -column label = "公告类型" align = "center" prop = "noticeType" width = "150" >
< template slot -scope = " scope " >
< dict -tag :options ="dict.type.sys_notice_type" :value ="scope.row.noticeType" / >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "状态" align = "center" prop = "status" width = "100" >
< template slot -scope = " scope " >
< dict -tag :options ="dict.type.sys_notice_status" :value ="scope.row.status" / >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "创建者" align = "center" prop = "createBy" width = "150" / >
< el -table -column label = "创建时间" align = "center" prop = "createTime" width = "100" >
< template slot -scope = " scope " >
< span > { { parseTime ( scope . row . createTime , '{y}-{m}-{d}' ) } } < / span >
< / template >
< / e l - t a b l e - c o l u m n >
< el -table -column label = "操作" align = "center" class -name = " small -padding fixed -width " >
< template slot -scope = " scope " >
< el -button
size = "mini"
type = "text"
icon = "el-icon-edit"
@ click = "handleUpdate(scope.row)"
v - hasPermi = "['system:notice:edit']"
> 修改 < / e l - b u t t o n >
< el -button
size = "mini"
type = "text"
icon = "el-icon-delete"
@ click = "handleDelete(scope.row)"
v - hasPermi = "['system:notice:remove']"
> 删除 < / e l - b u t t o n >
< / template >
< / e l - t a b l e - c o l u m n >
< / e l - t a b l e >
< pagination
< pagination
v - show = "total>0"
v - show = "total>0"
: total = "total"
: total = "total"
@ -120,48 +45,71 @@
: limit . sync = "queryParams.pageSize"
: limit . sync = "queryParams.pageSize"
@ pagination = "getList"
@ pagination = "getList"
/ >
/ >
<!-- 修改查看对话框 -- >
<!-- 添加或修改公告对话框 -- >
< el -dialog :title ="title" :fullscreen ="true" center :visible.sync ="editOpen" top = "0" width = "100%" append -to -body >
< el -dialog :title ="title" :visible.sync ="open" width = "780px" append -to -body >
< el -form ref = "form" :model ="form" :rules ="rules" label -width = " 150px " >
< el -form ref = "form" :model ="form" :rules ="rules" label -width = " 80px " >
< el -row >
< el -row >
< el -col :span ="12" >
< el -form -item label = "公告标题" prop = "noticeTitle" >
< el -input v -model = " form.noticeTitle " placeholder = "请输入公告标题" / >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="12" >
< el -form -item label = "公告类型" prop = "noticeType" >
< el -select v-model ="form.noticeType" placeholder="请选择公告类型" >
< el -option
v - for = "dict in dict.type.sys_notice_type"
: key = "dict.value"
: label = "dict.label"
: value = "dict.value"
> < / e l - o p t i o n >
< / e l - s e l e c t >
< / e l - f o r m - i t e m >
< / e l - c o l >
< el -col :span ="24" >
< el -col :span ="24" >
< el -form -item label = "状态" >
< el -form -item label = "是否获得过奖" prop = "isReward" >
< el -radio -group v-model ="form.status" >
< el -radio -group :disabled ="isReadOnly" v-model ="form.isReward" >
< el -radio
< el -radio :label ="0" > 是 < / e l - r a d i o >
v - for = "dict in dict.type.sys_notice_status"
< el -radio :label ="1" > 否 < / e l - r a d i o >
: key = "dict.value"
: label = "dict.value"
> { { dict . label } } < / e l - r a d i o >
< / e l - r a d i o - g r o u p >
< / e l - r a d i o - g r o u p >
< / e l - f o r m - i t e m >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - c o l >
< el -col :span ="24" >
< el -col :span ="24" >
< el -form -item label = "内容" >
< el -form -item >
< editor v -model = " form.noticeContent " :min-height ="192" / >
< Update
: applyId = "applyId"
: dialog - type = "dialogType"
: table - data = "fileData"
: isShowButton = "isShowButton"
: isShowUploadButton = "isShowUploadButton"
: template - type = "templateType"
ref = "childComponent"
>
< template v -slot : tableSlot v-if ="isView === true" >
< div v-if ="avgScore !== null" >
平均分 : { { avgScore } }
< / div >
< el -table
: data = "scoreData"
style = "width: 100%" >
< el -table -column
prop = "createBy"
label = "评分人" >
< / e l - t a b l e - c o l u m n >
< el -table -column
prop = "createTime"
label = "评分时间" >
< / e l - t a b l e - c o l u m n >
< el -table -column
prop = "score"
label = "分数" >
< / e l - t a b l e - c o l u m n >
<!-- 其他列 -- >
< / e l - t a b l e >
< / template >
< / Update >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - r o w >
< el -row v -if = " isView = = = false " >
< el -col :span ="12" >
< el -form -item label = "评分" prop = "score" >
< el -input
type = "text"
v - model = "form.score"
placeholder = "请进行评分"
clearable
oninput = "this.value = this.value.replace(/[^0-9]/g, '');"
/ >
< / e l - f o r m - i t e m >
< / e l - f o r m - i t e m >
< / e l - c o l >
< / e l - c o l >
< / e l - r o w >
< / e l - r o w >
< / e l - f o r m >
< / e l - f o r m >
< div slot = "footer" class = "dialog-footer" >
< div slot = "footer" class = "dialog-footer" >
< el -button type = "primary" @click ="submitForm" > 确 定 < / el -button >
< el -button type = "primary" v-if="isView === false" @click="submitAduit" > 提 交 < / el -button >
< el -button @click ="cancel" > 取 消 < / el -button >
< el -button @click ="cancel" > 取 消 < / el -button >
< / div >
< / div >
< / e l - d i a l o g >
< / e l - d i a l o g >
@ -169,13 +117,125 @@
< / template >
< / template >
< script >
< script >
import { listApply , getNotice , delNotice , addNotice , updateNotice } from "@/api/reward/apply" ;
import {
getDetail ,
applyBack , listScore , getScoreInfo , scoreSave
} from "@/api/reward/score" ;
import CustomTable from "@/components/CustomTable/CustomTable.vue" ;
import Update from '@/components/AllTypeFile/update.vue'
export default {
export default {
name : "Notice" ,
name : "score" ,
dicts : [ 'sys_notice_status' , 'sys_notice_type' ] ,
components : { CustomTable , Update } ,
dicts : [ 'rew_apply_status' ] ,
data ( ) {
data ( ) {
return {
return {
scoreData : [ ] ,
avgScore : null ,
templateType : 'aduit' ,
dialogType : 'edit' ,
isShowUploadButton : false ,
/ / 列 数 据
tableColumns : [
{ label : '创建者' , prop : 'createBy' , align : 'center' } ,
{ label : '奖项名称' , prop : 'applyName' , align : 'center' , showOverflowTooltip : true } ,
{ label : '状态' , prop : 'scoreStatus' , align : 'center' , slotName : 'scoreStatus' } ,
{ label : '创建时间' , prop : 'createTime' , align : 'center' } ,
{ label : '提交时间' , prop : 'appTime' , align : 'center' , type : 'date' } ,
] ,
/ / 操 作 列
tableActions : [
{ text : '查看' , icon : 'el-icon-view' , handler : this . handleView , } ,
{ text : '评分' , icon : 'el-icon-edit' , handler : this . handleUpdate , } ,
] ,
/ / 文 件 上 传 配 置 项
fileData : [
{
name : '办学方向' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_1' ,
} ,
{
name : '弘扬践行黄炎培职业教育思想' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_2' ,
} ,
{
name : '办学模式' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_3' ,
} ,
{
name : '专业建设' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_4' ,
} ,
{
name : '课程开发与教学改革' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_5' ,
} ,
{
name : '师资队伍建设' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_6' ,
} ,
{
name : '信息化建设' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_7' ,
} ,
{
name : '办学质量' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_8' ,
} ,
{
name : '社会服务' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_9' ,
} ,
{
name : '创新增量' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_10' ,
} ,
{
name : '盖章后的申报表' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_11' ,
} ,
{
name : '综述材料' ,
status : '' ,
expanded : false ,
childrenList : [ ] ,
fileCode : 'rew_excellent_category_12' ,
} ,
] ,
/ / 遮 罩 层
/ / 遮 罩 层
loading : true ,
loading : true ,
/ / 选 中 数 组
/ / 选 中 数 组
@ -190,39 +250,74 @@ export default {
total : 0 ,
total : 0 ,
/ / 公 告 表 格 数 据
/ / 公 告 表 格 数 据
noticeList : [ ] ,
noticeList : [ ] ,
isReadOnly : false ,
isShowButton : true ,
isView : false ,
/ / 弹 出 层 标 题
/ / 弹 出 层 标 题
title : "" ,
title : "" ,
/ / 是 否 显 示 弹 出 层
/ / 是 否 显 示 弹 出 层
open : false ,
open : false ,
editOpen : false ,
/ / 查 询 参 数
/ / 查 询 参 数
queryParams : {
queryParams : {
pageNum : 1 ,
pageNum : 1 ,
pageSize : 10 ,
pageSize : 10 ,
noticeTitl e: undefined ,
applyNam e: undefined ,
createBy: undefined ,
applyStatus: '2,4' ,
status: undefined
applyType: undefined ,
} ,
} ,
/ / 表 单 参 数
/ / 表 单 参 数
form : { } ,
form : { } ,
/ / 表 单 校 验
/ / 表 单 校 验
rules : {
rules : {
noticeTitle : [
applyName : [
{ required : true , message : "公告标题不能为空" , trigger : "blur" }
{ required : true , message : "奖项名称不能为空" , trigger : "blur" }
] ,
isReward : [
{ required : true , message : "请选择" , trigger : "change" }
] ,
] ,
noticeType : [
score: [
{ required : true , message : "公告类型不能为空" , trigger : "change" }
{ required : true , message : " 请进行评分", trigger : "blur" }
]
]
}
} ,
applyParam : {
applyType : ''
} ,
applyId : '' ,
scoreId : null
} ;
} ;
} ,
} ,
created ( ) {
created ( ) {
this . getList ( ) ;
} ,
mounted ( ) {
this . $store . dispatch ( 'GetInfo' ) . then ( ( res ) => {
if ( res . user . userId === 1 ) {
let ratingIndex = this . tableActions . findIndex ( action => action . text === '评分' ) ;
if ( ratingIndex !== - 1 ) {
/ / 使 用 s p l i c e 方 法 将 评 分 项 从 数 组 中 删 除
this . tableActions . splice ( ratingIndex , 1 ) ;
}
}
} )
if ( this . $route . path . includes ( 'reward' ) === true ) {
this . $store . dispatch ( 'apply/setApplyType' , { key : 'applyType' , value : 'rew_excellent_category' } ) ;
this . applyParam . applyType = this . $store . state . apply . applyType ;
this . queryParams . applyType = this . $store . state . apply . applyType ;
}
this . getList ( 'mounted' ) ;
} ,
} ,
methods : {
methods : {
/** 查询公告列表 */
/** 查询公告列表 */
getList ( ) {
getList ( item ) {
this . loading = true ;
this . loading = true ;
listApply ( this . queryParams ) . then ( response => {
let queryObj = {
pageNum : 1 ,
pageSize : 10 ,
applyStatus : '2,4' ,
applyType : this . applyParam . applyType
}
listScore ( item === 'mounted' ? queryObj : this . queryParams ) . then ( response => {
this . noticeList = response . rows ;
this . noticeList = response . rows ;
this . total = response . total ;
this . total = response . total ;
this . loading = false ;
this . loading = false ;
@ -231,16 +326,15 @@ export default {
/ / 取 消 按 钮
/ / 取 消 按 钮
cancel ( ) {
cancel ( ) {
this . open = false ;
this . open = false ;
this . editOpen = false
this . reset ( ) ;
this . reset ( ) ;
} ,
} ,
/ / 表 单 重 置
/ / 表 单 重 置
reset ( ) {
reset ( ) {
this . form = {
this . form = {
noticeId : undefined ,
/ / a p p l y N a m e : u n d e f i n e d ,
noticeTitle : undefined ,
isReward : undefined ,
noticeType : undefined ,
score : undefined
noticeContent : undefined ,
status : "0"
} ;
} ;
this . resetForm ( "form" ) ;
this . resetForm ( "form" ) ;
} ,
} ,
@ -251,61 +345,180 @@ export default {
} ,
} ,
/** 重置按钮操作 */
/** 重置按钮操作 */
resetQuery ( ) {
resetQuery ( ) {
/ / 查 询 参 数
this . queryParams = {
pageNum : 1 ,
pageSize : 10 ,
applyName : undefined ,
applyStatus : '2,4'
} ;
this . resetForm ( "queryForm" ) ;
this . resetForm ( "queryForm" ) ;
this . handleQuery ( ) ;
this . handleQuery ( ) ;
} ,
} ,
/ / 多 选 框 选 中 数 据
/ / 多 选 框 选 中 数 据
handleSelectionChange ( selection ) {
handleSelectionChange ( selection ) {
this . ids = selection . map ( item => item . noticeId )
this . ids = selection . map ( item => item . apply Id)
this . single = selection . length != 1
this . single = selection . length != 1
this . multiple = ! selection . length
this . multiple = ! selection . length
} ,
} ,
/** 新增按钮操作 */
/**查看按钮 */
handleAdd ( ) {
handleView ( row ) {
this . reset ( ) ;
this . editOpen = true ;
this . open = true ;
this . title = "查看奖项" ;
this . title = "添加公告" ;
const applyId = row . applyId || this . ids
this . isShowButton = false
this . isReadOnly = true
this . isView = true
getDetail ( applyId ) . then ( response => {
this . form = response . data ;
console . log ( this . form )
this . fileData . forEach ( ( item ) => {
item . childrenList = [ ]
} )
if ( response . code === 200 ) {
response . data . fileRelationVOList . forEach ( ( item ) => {
let index = this . fileData . findIndex ( i => i . fileCode === item . fileCode ) ;
if ( index !== - 1 ) {
this . fileData [ index ] . childrenList . push ( {
name : item . fileName ,
fileName : item . realName ,
url : item . filePath ,
state : item . fileState ,
fileId : item . fileId ,
fileCode : item . fileCode ,
} ) ;
}
} ) ;
}
this . getScoreInfo ( row )
} ) ;
} ,
getScoreInfo ( row ) {
getScoreInfo ( row . applyId ) . then ( ( res ) => {
this . scoreId = res . data . rewScoreInfos [ 0 ] . scoreId
this . form . score = res . data . rewScoreInfos [ 0 ] . score
this . scoreData = res . data . rewScoreInfos
this . avgScore = res . data . avgScore
} )
} ,
} ,
/** 修改按钮操作 */
/** 修改按钮操作 */
handleUpdate ( row ) {
handleUpdate ( row ) {
this . reset ( ) ;
this . reset ( ) ;
const noticeId = row . noticeId || this . ids
this . isView = false ;
getNotice ( noticeId ) . then ( response => {
this . applyId = row . applyId
this . form = response . data ;
this . isReadOnly = true
this . open = true ;
this . isShowButton = true
this . title = "修改公告" ;
this . isShowUploadButton = false
const applyId = row . applyId || this . ids
getDetail ( applyId ) . then ( response => {
this . form . isReward = response . data . isReward ;
this . editOpen = true ;
this . title = "修改奖项" ;
this . fileData . forEach ( ( item ) => {
item . childrenList = [ ]
} )
if ( response . code === 200 ) {
response . data . fileRelationVOList . forEach ( ( item ) => {
let index = this . fileData . findIndex ( i => i . fileCode === item . fileCode ) ;
if ( index !== - 1 ) {
this . fileData [ index ] . childrenList . push ( {
name : item . fileName ,
fileName : item . realName ,
url : item . filePath ,
state : item . fileState ,
fileId : item . fileId ,
fileCode : item . fileCode ,
} ) ;
}
} ) ;
}
this . getScoreInfo ( row )
} ) ;
} ) ;
} ,
} ,
/** 提交按钮 */
submitAduit ( ) {
submitForm : function ( ) {
let saveParams = {
applyId : this . applyId ,
score : this . form . score ,
scoreId : this . scoreId
}
this . $refs [ "form" ] . validate ( valid => {
this . $refs [ "form" ] . validate ( valid => {
if ( valid ) {
if ( valid ) {
if ( this . form . noticeId != undefined ) {
scoreSave ( saveParams ) . then ( response => {
updateNotice ( this . form ) . then ( response => {
this . $modal . msgSuccess ( "保存成功" ) ;
this . $modal . msgSuccess ( "修改成功" ) ;
this . editOpen = false
this . open = false ;
this . getList ( ) ;
} ) ;
} else {
addNotice ( this . form ) . then ( response => {
this . $modal . msgSuccess ( "新增成功" ) ;
this . open = false ;
this . getList ( ) ;
this . getList ( ) ;
} ) ;
} ) ;
}
}
} ) ;
/ / s c o r e S a v e ( ) . t h e n ( r e s p = > {
/ / i f ( r e s p . c o d e = = = 2 0 0 ) {
/ / t h i s . $ m o d a l . m s g S u c c e s s ( r e s . m s g )
/ / t h i s . e d i t O p e n = f a l s e
/ / t h i s . g e t L i s t ( ' m o u n t e d ' )
/ / }
/ / } )
} ,
callback ( ) {
this . $prompt ( '请输入退回意见' , '退回意见' , {
confirmButtonText : '确定' ,
cancelButtonText : '取消' ,
inputType : 'textarea' ,
} ) . then ( ( { value } ) => {
applyBack ( this . applyId , value ) . then ( res => {
if ( res . code === 200 ) {
this . $modal . msgSuccess ( res . msg )
this . editOpen = false
this . getList ( 'mounted' )
} else {
this . $modal . msgSuccess ( res . msg )
}
}
} )
} ) . catch ( ( ) => {
} ) ;
} ) ;
} ,
} ,
/** 删除按钮操作 */
/** 删除按钮操作 */
handleDelete ( row ) {
handleDelete ( row ) {
const noticeIds = row . noticeId || this . ids
const applyId = row . apply Id || this . ids
this . $modal . confirm ( '是否确认删除公告?' ) . then ( function ( ) {
this . $modal . confirm ( '是否确认删除 奖项 ? ') . then ( function ( ) {
return delNotice ( noticeIds ) ;
return del Apply( applyId ) ;
} ) . then ( ( ) => {
} ) . then ( ( ) => {
this . getList ( ) ;
this . getList ( ) ;
this . $modal . msgSuccess ( "删除成功" ) ;
this . $modal . msgSuccess ( "删除成功" ) ;
} ) . catch ( ( ) => { } ) ;
localStorage . removeItem ( 'applyId' ) ;
} ) . catch ( ( ) => {
} ) ;
}
}
}
}
} ;
} ;
< / script >
< / script >
< style scoped lang = "scss" >
: : v - deep . el - dialog -- center . el - dialog _ _body {
padding - bottom : 0 ;
}
: : v - deep . el - dialog _ _footer {
padding : 0 ;
}
. fullscreen - dialog {
. el - dialog _ _wrapper {
position : fixed ;
top : 0 ;
left : 0 ;
width : 100 % ;
height : 100 % ;
z - index : 1000 ;
background - color : rgba ( 0 , 0 , 0 , 0.5 ) ; /* 遮罩层透明度 */
}
. el - dialog {
width : 100 % ;
height : 100 % ;
margin : 0 ;
border : none ;
border - radius : 0 ;
}
}
< / style >