|
@@ -25,123 +25,239 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="行政区:">
|
|
|
- <el-cascader :options="xzoptions" :props="{
|
|
|
- ...props,
|
|
|
- checkStrictly: true,
|
|
|
- expandTrigger: 'hover',
|
|
|
- }" v-model="xzqCode" clearable ref="cascader" @change="setXzqdm" class="cascader-style" style="width: 90%"
|
|
|
- popper-class="popper-cascader" :filterable="true" :show-all-levels="false"></el-cascader>
|
|
|
+ <el-cascader
|
|
|
+ :options="xzoptions"
|
|
|
+ :props="{
|
|
|
+ ...props,
|
|
|
+ checkStrictly: true,
|
|
|
+ expandTrigger: 'hover',
|
|
|
+ }"
|
|
|
+ v-model="xzqCode"
|
|
|
+ clearable
|
|
|
+ ref="cascader"
|
|
|
+ class="cascader-style"
|
|
|
+ style="width: 90%"
|
|
|
+ popper-class="popper-cascader"
|
|
|
+ :filterable="true"
|
|
|
+ @change="setXzqdm"
|
|
|
+ :show-all-levels="false"
|
|
|
+ ></el-cascader>
|
|
|
</el-form-item>
|
|
|
- <el-button type="primary" @click="changeForm" style="margin-left: 20px">查询</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="changeForm"
|
|
|
+ style="margin-left: 20px"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="table-layout flex-box column height-100-60">
|
|
|
<div class="table max-width height-100-50">
|
|
|
- <el-table ref="multipleTable" :data="tableData1" style="width: 100%" border fit cell-class-name="cell-item"
|
|
|
- height="100%" tooltip-effect="dark" v-show="formInline.status == '1'">
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="tableData1"
|
|
|
+ style="width: 100%"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ cell-class-name="cell-item"
|
|
|
+ height="100%"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ v-show="formInline.status == '1'"
|
|
|
+ >
|
|
|
<el-table-column prop="id" label="记录主键" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="subject" label="标题" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="instid" label="流程主键" align="center">
|
|
|
+ <el-table-column prop="instId" label="流程主键" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="nodename" label="流程节点名称" align="center">
|
|
|
+ <el-table-column prop="nodeName" label="流程节点名称" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="createby" label="创建用户" align="center">
|
|
|
+ <el-table-column prop="createBy" label="创建用户" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="solid" label="方案主键" align="center">
|
|
|
+ <el-table-column prop="solId" label="方案主键" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="createtime" label="创建时间" align="center">
|
|
|
+ <el-table-column prop="createTime" label="创建时间" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="status" label="状态" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center" type="flex" justity="space-between" width="220">
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ type="flex"
|
|
|
+ justity="space-between"
|
|
|
+ width="220"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div class="">
|
|
|
- <el-button type="primary" size="mini" @click="open(scope.row)"
|
|
|
- style="display: inline-block">审批记录</el-button>
|
|
|
- <el-button type="primary" size="mini" style="display: inline-block" @click="download(scope.row)"
|
|
|
- v-if="formInline.planType == '1'">审查报告</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="open(scope.row)"
|
|
|
+ style="display: inline-block"
|
|
|
+ >审批记录</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ style="display: inline-block"
|
|
|
+ @click="download(scope.row)"
|
|
|
+ v-if="formInline.planType == '1'"
|
|
|
+ >审查报告</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
- <el-table ref="multipleTable2" :data="tableData2" style="width: 100%" border fit cell-class-name="cell-item"
|
|
|
- height="100%" tooltip-effect="dark" v-show="formInline.status == '2' || formInline.status == '3'">
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable2"
|
|
|
+ :data="tableData2"
|
|
|
+ style="width: 100%"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ cell-class-name="cell-item"
|
|
|
+ height="100%"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ v-show="formInline.status == '2' || formInline.status == '3'"
|
|
|
+ >
|
|
|
<el-table-column prop="id" label="记录主键" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="title" label="成果名称" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="instid" label="流程主键" align="center">
|
|
|
+ <el-table-column prop="instId" label="流程主键" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="nodename" label="流程节点名称" align="center">
|
|
|
+ <el-table-column prop="nodeName" label="流程节点名称" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="solid" label="方案主键" align="center">
|
|
|
+ <el-table-column prop="solId" label="方案主键" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="createtime" label="创建时间" align="center">
|
|
|
+ <el-table-column prop="createTime" label="创建时间" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="executor" label="执行人" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center" type="flex" justity="space-between" width="220">
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ type="flex"
|
|
|
+ justity="space-between"
|
|
|
+ width="220"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div class="">
|
|
|
- <el-button type="primary" size="mini" @click="open(scope.row)"
|
|
|
- style="display: inline-block">审批记录</el-button>
|
|
|
- <el-button v-if="formInline.status == '3'" type="primary" size="mini" @click="xbUpload(scope.row)"
|
|
|
- style="display: inline-block">修编</el-button>
|
|
|
- <el-button v-if="
|
|
|
- ($store.getters.roles.join(',').indexOf('common') > -1 ||
|
|
|
- $store.getters.roles.join(',').indexOf('manager') > -1) &&
|
|
|
- scope.row &&
|
|
|
- scope.row.nodename == '补正'
|
|
|
- && formInline.status == '2'
|
|
|
- " type="primary" size="mini" @click="upload(scope.row)" style="display: inline-block"
|
|
|
- :disabled="instids.indexOf(scope.row.instid) > -1">补正</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="open(scope.row)"
|
|
|
+ style="display: inline-block"
|
|
|
+ >审批记录</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="formInline.status == '3'"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="xbUpload(scope.row)"
|
|
|
+ style="display: inline-block"
|
|
|
+ >修编</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ ($store.getters.roles.join(',').indexOf('manager') > -1 ||
|
|
|
+ $store.getters.roles.join(',').indexOf('common') > -1) &&
|
|
|
+ scope.row &&
|
|
|
+ scope.row.nodeName == '补正'
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="upload(scope.row)"
|
|
|
+ style="display: inline-block"
|
|
|
+ :disabled="instids.indexOf(scope.row.instId) > -1"
|
|
|
+ >补正</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
<div class="flex-box footer height-50 flex-box align-center box-sizing">
|
|
|
- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
|
- :current-page="formInline.current" :page-sizes="[10, 20, 50, 100]" :page-size="formInline.size" background
|
|
|
- :pager-count="5" layout="total, sizes, prev, pager, next, jumper" :total="formInline.total">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="formInline.current"
|
|
|
+ :page-sizes="[10, 20, 50, 100]"
|
|
|
+ :page-size="formInline.size"
|
|
|
+ background
|
|
|
+ :pager-count="5"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="formInline.total"
|
|
|
+ >
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <ShjlDialog v-model:list="shjllist" v-model:ShjlDialog="shjlShow" v-if="shjlShow" style="margin-top: 300px">
|
|
|
- </ShjlDialog>
|
|
|
- <GhcgDialog v-if="ztghDialog" v-model:ghcgscDialog="ztghDialog" :isCity="$store.getters.roles.join(',').indexOf('common') > -1 ? false : true
|
|
|
- " :instid="instid" @refresh="changeForm" @getlist="changeForm"></GhcgDialog>
|
|
|
- <CzghcgDialog v-if="ghcgscDialog" v-model:ghcgscDialog="ghcgscDialog" :instid="instid" @refresh="changeForm"
|
|
|
- @getlist="changeForm"></CzghcgDialog>
|
|
|
- <XxghcgDialog v-if="xxghcgscDialog" v-model:xxghcgscDialog="xxghcgscDialog" :instid="instid" @refresh="changeForm"
|
|
|
- @getlist="changeForm"></XxghcgDialog>
|
|
|
- <el-dialog title="修编上传" v-model="dialogVisible" style="width: 360px; height: 400px" :before-close="handleClose"
|
|
|
- append-to-body>
|
|
|
+ <ShjlDialog
|
|
|
+ v-model:list="shjllist"
|
|
|
+ v-model:ShjlDialog="shjlShow"
|
|
|
+ v-if="shjlShow"
|
|
|
+ style="margin-top: 300px"
|
|
|
+ ></ShjlDialog>
|
|
|
+ <GhcgDialog
|
|
|
+ v-if="ztghDialog"
|
|
|
+ v-model:ghcgscDialog="ztghDialog"
|
|
|
+ :isCity="
|
|
|
+ $store.getters.roles.join(',').indexOf('qixian') > -1 ? false : true
|
|
|
+ "
|
|
|
+ :instid="instid"
|
|
|
+ @refresh="changeForm"
|
|
|
+ @getlist="changeForm"
|
|
|
+ ></GhcgDialog>
|
|
|
+ <CzghcgDialog
|
|
|
+ v-if="ghcgscDialog"
|
|
|
+ v-model:ghcgscDialog="ghcgscDialog"
|
|
|
+ :instid="instid"
|
|
|
+ @refresh="changeForm"
|
|
|
+ @getlist="changeForm"
|
|
|
+ ></CzghcgDialog>
|
|
|
+ <XxghcgDialog
|
|
|
+ v-if="xxghcgscDialog"
|
|
|
+ v-model:xxghcgscDialog="xxghcgscDialog"
|
|
|
+ :instid="instid"
|
|
|
+ @refresh="changeForm"
|
|
|
+ @getlist="changeForm"
|
|
|
+ ></XxghcgDialog>
|
|
|
+ <el-dialog
|
|
|
+ title="修编上传"
|
|
|
+ v-model="dialogVisible"
|
|
|
+ style="width: 360px; height: 300px"
|
|
|
+ :before-close="handleClose"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
<div style="width: 100%; height: 100%">
|
|
|
<el-form label-width="100px">
|
|
|
<el-form-item label="选择文件">
|
|
|
- <el-upload ref="fileUploadBtn" :limit="1" :file-list="fileList" :on-change="handleChangeFile"
|
|
|
- :on-remove="handleRemove" :auto-upload="false" :show-file-list="true">
|
|
|
+ <el-upload
|
|
|
+ ref="fileUploadBtn"
|
|
|
+ :limit="1"
|
|
|
+ :file-list="fileList"
|
|
|
+ :on-change="handleChangeFile"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :auto-upload="false"
|
|
|
+ :show-file-list="true"
|
|
|
+ >
|
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="记录主键">
|
|
|
- <el-input readonly v-model="xbform.id" placeholder="请输入记录主键"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="名称">
|
|
|
- <el-input readonly v-model="xbform.title" placeholder="请输入名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="流程主键">
|
|
|
- <el-input readonly v-model="xbform.instid" placeholder="请输入流程主键"></el-input>
|
|
|
+ <el-input
|
|
|
+ readonly
|
|
|
+ v-model="instid"
|
|
|
+ placeholder="请输入流程主键"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="xbSubmit()" size="small">修编</el-button>
|
|
|
+ <el-button type="primary" @click="xbSubmit()" size="small"
|
|
|
+ >修编</el-button
|
|
|
+ >
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
@@ -177,12 +293,6 @@ export default {
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
const parent = { ...context };
|
|
|
const qxyh = reactive({
|
|
|
- xbform: {
|
|
|
- xbfile: null,
|
|
|
- id: "",
|
|
|
- title: "",
|
|
|
- instid: ""
|
|
|
- },
|
|
|
formInline: {
|
|
|
status: "1",
|
|
|
planType: "1",
|
|
@@ -246,16 +356,13 @@ export default {
|
|
|
},
|
|
|
handleClose() {
|
|
|
qxyh.dialogVisible = false;
|
|
|
- qxyh.xbform.xbfile = null;
|
|
|
- qxyh.xbform.title = "";
|
|
|
- qxyh.xbform.id = "";
|
|
|
- qxyh.xbform.instid = "";
|
|
|
+ qxyh.xbfile = null;
|
|
|
qxyh.fileList = [];
|
|
|
},
|
|
|
// 审核记录
|
|
|
open(row) {
|
|
|
let id = row.id;
|
|
|
- let instId = row.instid;
|
|
|
+ let instId = row.instId;
|
|
|
getLandTaskStatus({
|
|
|
id: id,
|
|
|
instId: instId,
|
|
@@ -270,9 +377,9 @@ export default {
|
|
|
},
|
|
|
// 修编记录
|
|
|
xbUpload(row) {
|
|
|
- qxyh.xbform.id = row.id;
|
|
|
- qxyh.xbform.instid = row.instid;
|
|
|
- qxyh.xbform.title = row.title;
|
|
|
+ let id = row.id;
|
|
|
+ let instId = row.instId;
|
|
|
+ qxyh.instid = instId;
|
|
|
qxyh.dialogVisible = true;
|
|
|
},
|
|
|
handleRemove() {
|
|
@@ -280,25 +387,19 @@ export default {
|
|
|
qxyh.fileList = [];
|
|
|
},
|
|
|
handleChangeFile(file, fileList) {
|
|
|
- qxyh.xbform.xbfile = file.raw;
|
|
|
+ qxyh.xbfile = file.raw;
|
|
|
qxyh.fileList = fileList;
|
|
|
},
|
|
|
xbSubmit() {
|
|
|
- if (!qxyh.xbform.instid) {
|
|
|
+ if (!qxyh.instid) {
|
|
|
ElMessage.error("请输入流程主键");
|
|
|
- } else if (!qxyh.xbform.id) {
|
|
|
- ElMessage.error("请输入记录主键");
|
|
|
- } else if (!qxyh.xbform.title) {
|
|
|
- ElMessage.error("请输入名称");
|
|
|
- } else if (!qxyh.xbform.xbfile) {
|
|
|
+ } else if (!qxyh.xbfile) {
|
|
|
ElMessage.error("请选择修编文件");
|
|
|
} else {
|
|
|
console.log("开始修编上传");
|
|
|
const formdata = new FormData();
|
|
|
- formdata.append("file", qxyh.xbform.xbfile);
|
|
|
- formdata.append("instid", qxyh.xbform.instid);
|
|
|
- formdata.append("id", qxyh.xbform.id);
|
|
|
- formdata.append("title", qxyh.xbform.title);
|
|
|
+ formdata.append("file", qxyh.xbfile);
|
|
|
+ formdata.append("instid", qxyh.instid);
|
|
|
reuploadThirdpartyReviseData(formdata).then((res) => {
|
|
|
if (res.success) {
|
|
|
ElMessage.success("修编上传成功");
|
|
@@ -320,7 +421,7 @@ export default {
|
|
|
console.log(qxyh.formInline.divisionCode);
|
|
|
},
|
|
|
upload(row) {
|
|
|
- qxyh.instid = row.instid;
|
|
|
+ qxyh.instid = row.instId;
|
|
|
if (qxyh.formInline.planType == "1") {
|
|
|
qxyh.ztghDialog = true;
|
|
|
} else if (qxyh.formInline.planType == "2") {
|
|
@@ -340,7 +441,7 @@ export default {
|
|
|
// 审查报告
|
|
|
download(row) {
|
|
|
let id = row.id;
|
|
|
- let solId = row.solid;
|
|
|
+ let solId = row.solId;
|
|
|
reportDownloadAction({
|
|
|
id: id,
|
|
|
solId: solId,
|
|
@@ -372,17 +473,17 @@ export default {
|
|
|
getlist2() {
|
|
|
if (qxyh.formInline.status == 1) {
|
|
|
getLandMyAttendsData(qxyh.formInline).then((res) => {
|
|
|
- qxyh.tableData1 = res.data;
|
|
|
- qxyh.formInline.total = res.total || 999;
|
|
|
+ qxyh.tableData1 = res.data.records;
|
|
|
+ qxyh.formInline.total = res.data.total || 999;
|
|
|
});
|
|
|
} else if (qxyh.formInline.status == 3) {
|
|
|
getLandGetRevisePageData(qxyh.formInline).then((res) => {
|
|
|
- qxyh.tableData2 = res.data;
|
|
|
- qxyh.formInline.total = res.total || 999;
|
|
|
+ qxyh.tableData2 = res.data.records;
|
|
|
+ qxyh.formInline.total = res.data.total || 999;
|
|
|
});
|
|
|
} else if (qxyh.formInline.status == 2) {
|
|
|
getLandGetAllTasks(qxyh.formInline).then((res) => {
|
|
|
- qxyh.formInline.total = res.total || 999;
|
|
|
+ qxyh.formInline.total = res.data.total || 999;
|
|
|
//待办的村庄规划需要检查补正的状态,未补正的可以上传成果包
|
|
|
if (
|
|
|
qxyh.formInline.planType == 2 ||
|
|
@@ -390,12 +491,12 @@ export default {
|
|
|
) {
|
|
|
getInstIds().then((res2) => {
|
|
|
qxyh.instids = res2.data.join(",");
|
|
|
- qxyh.tableData2 = res.data;
|
|
|
+ qxyh.tableData2 = res.data.records;
|
|
|
});
|
|
|
} else {
|
|
|
getcgglInstIds().then((res2) => {
|
|
|
qxyh.instids = res2.data.join(",");
|
|
|
- qxyh.tableData2 = res.data;
|
|
|
+ qxyh.tableData2 = res.data.records;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
@@ -408,13 +509,13 @@ export default {
|
|
|
if (qxyh.formInline.status == 1) {
|
|
|
getLandMyAttendsData(qxyh.formInline).then((res) => {
|
|
|
qxyh.formInline.current = 1;
|
|
|
- qxyh.tableData1 = res.data;
|
|
|
- qxyh.formInline.total = res.total || 999;
|
|
|
+ qxyh.tableData1 = res.data.records;
|
|
|
+ qxyh.formInline.total = res.data.total || 999;
|
|
|
});
|
|
|
} else if (qxyh.formInline.status == 2) {
|
|
|
getLandGetAllTasks(qxyh.formInline).then((res) => {
|
|
|
qxyh.formInline.current = 1;
|
|
|
- qxyh.formInline.total = res.total || 999;
|
|
|
+ qxyh.formInline.total = res.data.total || 999;
|
|
|
//待办的村庄规划需要检查补正的状态,未补正的可以上传成果包
|
|
|
if (
|
|
|
qxyh.formInline.planType == 2 ||
|
|
@@ -422,20 +523,20 @@ export default {
|
|
|
) {
|
|
|
getInstIds().then((res2) => {
|
|
|
qxyh.instids = res2.data.join(",");
|
|
|
- qxyh.tableData2 = res.data;
|
|
|
+ qxyh.tableData2 = res.data.records;
|
|
|
});
|
|
|
} else {
|
|
|
getcgglInstIds().then((res2) => {
|
|
|
qxyh.instids = res2.data.join(",");
|
|
|
- qxyh.tableData2 = res.data;
|
|
|
+ qxyh.tableData2 = res.data.records;
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
} else if (qxyh.formInline.status == 3) {
|
|
|
getLandGetRevisePageData(qxyh.formInline).then((res) => {
|
|
|
qxyh.formInline.current = 1;
|
|
|
- qxyh.tableData2 = res.data;
|
|
|
- qxyh.formInline.total = res.total || 999;
|
|
|
+ qxyh.tableData2 = res.data.records;
|
|
|
+ qxyh.formInline.total = res.data.total || 999;
|
|
|
});
|
|
|
} else {
|
|
|
ElMessage.error("请选择规划类型");
|
|
@@ -481,15 +582,12 @@ export default {
|
|
|
flex-wrap: nowrap;
|
|
|
height: 60px;
|
|
|
}
|
|
|
-
|
|
|
.header-left {
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
-
|
|
|
:deep(.el-form-item) {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
-
|
|
|
.footer {
|
|
|
width: 100%;
|
|
|
padding: 10px;
|
|
@@ -504,12 +602,10 @@ export default {
|
|
|
height: inherit;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.search-btn {
|
|
|
position: absolute;
|
|
|
right: -40px;
|
|
|
}
|
|
|
-
|
|
|
.dialog-footer {
|
|
|
width: 100%;
|
|
|
text-align: center;
|