|
@@ -2,51 +2,126 @@
|
|
|
<div class="dashboard-container">
|
|
|
<div class="tableBox">
|
|
|
<div class="block">
|
|
|
- <div class="blockCon">
|
|
|
- <div class="selectDns"></div>
|
|
|
- <el-input v-model="formData.AAA28" class="width150" placeholder="病案号"></el-input>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-select v-model="formData.AAC11C" filterable placeholder="请选择">
|
|
|
- <el-option v-for="(item, index) in departmentList" :label="item.name" :value="item.name" :key="index"></el-option>
|
|
|
- </el-select>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-date-picker v-model="formData.startTime" type="date" format="yyyy 年 MM 月 dd 日" value-format="yyyyMMdd" placeholder="开始日期"></el-date-picker>
|
|
|
+ <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":" label-width="74px">
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="所属院区" prop="YQ_CODE">
|
|
|
+ <el-select style="width: 100%;" placeholder="请选择所属院区" v-model="formData.YQ_CODE" multiple collapse-tags
|
|
|
+ clearable filterable @change="yqChange">
|
|
|
+ <el-option v-for="(item, index) in searchOptions.yqArray" :key="index" :label="item.dep_name"
|
|
|
+ :value="item.dep_id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="出院科室" prop="KS_CODE">
|
|
|
+ <el-cascader style="width: 100%;" placeholder="请选择科室" v-model="formData.KS_CODE"
|
|
|
+ :options="searchOptions.ksArray" filterable :props="searchOptions.cascaderProps" clearable collapse-tags
|
|
|
+ @change="ksChange">
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="出院病区" prop="BQ_CODE">
|
|
|
+ <el-cascader style="width: 100%;" placeholder="请选择病区" v-model="formData.BQ_CODE"
|
|
|
+ :options="searchOptions.bqArray" filterable :props="searchOptions.cascaderProps" clearable
|
|
|
+ collapse-tags>
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="病案号" prop="AAA28">
|
|
|
+ <el-input style="width: 100%;" v-model="formData.AAA28" placeholder="请输入病案号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="出院日期">
|
|
|
+ <div style="width: 100%;display: flex;gap: 5px;">
|
|
|
+ <el-form-item prop="start_time">
|
|
|
+ <el-date-picker style="width: 94%;" v-model="formData.start_time" type="date" placeholder="请选择开始时间"
|
|
|
+ value-format="yyyyMMdd" format="yyyy年MM月dd日">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="end_time">
|
|
|
+ <el-date-picker style="width: 100%;" v-model="formData.end_time" type="date" placeholder="请选择结束时间"
|
|
|
+ value-format="yyyyMMdd" format="yyyy年MM月dd日">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.endTime"
|
|
|
- type="date"
|
|
|
- style="margin-left: 10px"
|
|
|
- format="yyyy 年 MM 月 dd 日"
|
|
|
- value-format="yyyyMMdd"
|
|
|
- placeholder="结束日期"
|
|
|
- ></el-date-picker>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-button type="primary" @click="funQuery">查询</el-button>
|
|
|
- <span class="kong"></span>
|
|
|
- <el-button @click="reset">重置条件</el-button>
|
|
|
- <el-button type="primary" icon="el-icon-download" class="export-btn">导出数据</el-button>
|
|
|
- <el-button @click="toBack" style="float: right;">返回</el-button>
|
|
|
- </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="病案质量" prop="lb_level">
|
|
|
+ <el-select v-model="formData.lb_level" clearable filterable placeholder="请选择病案质量" style="width: 100%;">
|
|
|
+ <el-option v-for="(item, index) in searchOptions.bazlArray" :label="item.name" :value="item.id" :key="index"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="离院方式" prop="AEM01C">
|
|
|
+ <el-select v-model="formData.AEM01C" clearable filterable placeholder="请选择离院方式" style="width: 100%;">
|
|
|
+ <el-option v-for="(item, index) in searchOptions.lyTypeArray" :label="item.name" :value="item.id" :key="index"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="住院天数" prop="endDay1">
|
|
|
+ <div style="width: 100%;display: flex;gap: 5px;">
|
|
|
+ <el-form-item prop="endDay1">
|
|
|
+ <el-input style="width: 100%;" v-model="formData.endDay1">
|
|
|
+ <template slot="append">天</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ -
|
|
|
+ <el-form-item prop="endDay2">
|
|
|
+ <el-input style="width: 100%;" v-model="formData.endDay2">
|
|
|
+ <template slot="append">天</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24">
|
|
|
+ <el-col :span="8" :offset="16">
|
|
|
+ <el-form-item style="text-align: right;">
|
|
|
+ <el-button type="primary" @click="handleSearch" class="export-btn" icon="el-icon-search">查询</el-button>
|
|
|
+ <el-button plain @click="handleReset" icon="el-icon-refresh">重置</el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-download" class="export-btn">导出数据</el-button>
|
|
|
+ <el-button @click="toBack" style="float: right;">返回</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
<!-- <Title :title="'病案列表'" /> -->
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
- <el-table-column type="index" label="序号"></el-table-column>
|
|
|
- <el-table-column prop="AAC11N" label="出院科室"></el-table-column>
|
|
|
- <el-table-column prop="AAA28" label="病案号">
|
|
|
+ <el-table-column type="index" label="序号" width="80"></el-table-column>
|
|
|
+ <el-table-column prop="score_lv" label="病案质量" width="120">
|
|
|
<template slot-scope="scope">
|
|
|
- <span class="blue" @click="funGoto(scope.row.MED_REC_ID)">
|
|
|
- <template>
|
|
|
- <div>
|
|
|
- {{ scope.row.AAA28 }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ <div v-html="scope.row.score_lv"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="AAA28" label="病案号" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span class="link" @click="fuGoto(scope.row .MED_REC_ID)">
|
|
|
+ {{ scope.row.AAA28 }}
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="AAC01" label="出院时间"></el-table-column>
|
|
|
- <el-table-column prop="AAA01" label="患者姓名"></el-table-column>
|
|
|
- <el-table-column prop="ICD10_NAME" label="主要诊断"></el-table-column>
|
|
|
- <el-table-column prop="ICD9_NAME" label="主要手术"></el-table-column>
|
|
|
+ <el-table-column prop="AAA01" label="患者姓名" width="120"></el-table-column>
|
|
|
+ <el-table-column prop="AAC01" label="出院时间" width="160"></el-table-column>
|
|
|
+ <el-table-column prop="AAC11N" label="出院科室" width="150" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="AAC04" label="住院天数" width="80"></el-table-column>
|
|
|
+ <el-table-column prop="AEE03" label="主治医师" width="120"></el-table-column>
|
|
|
+ <el-table-column prop="AEM01C_MC" label="离院方式" width="150" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="AAB01" label="入院时间" width="160"></el-table-column>
|
|
|
+ <el-table-column prop="ICD10_NAME" label="主要诊断名称" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="ICD9_NAME" label="主要手术名称" show-overflow-tooltip></el-table-column>
|
|
|
</el-table>
|
|
|
<!-- 分页控制 -->
|
|
|
<mPagination v-if="tableData && tableData.length !== 0" layout="sizes, prev, pager, next, slot" :data="paginationData" @sizeChange="handleSizeChange" @pageChangeEvent="pageHasChanged"></mPagination>
|
|
@@ -69,13 +144,37 @@ export default {
|
|
|
...mapGetters(['name']),
|
|
|
},
|
|
|
data() {
|
|
|
+ let query = this.$route.query;
|
|
|
return {
|
|
|
- formData: {
|
|
|
- // rangeDate: [],
|
|
|
- AAA28: '',
|
|
|
- startTime: '',
|
|
|
- endTime: '',
|
|
|
- AAC11C: ''
|
|
|
+ formData: { // 终末病历质控-问题数量
|
|
|
+ is_qx: query.is_qx,
|
|
|
+ YQ_CODE: query.YQ_CODE? query.YQ_CODE.split(',') : [],
|
|
|
+ KS_CODE: query.KS_CODE? query.KS_CODE.split(',') : [],
|
|
|
+ BQ_CODE: query.BQ_CODE? query.BQ_CODE.split(',') : [],
|
|
|
+ AAA28: query.AAA28 || '',
|
|
|
+ start_time: query.startTime? query.startTime : this.storageGet('start_time'),
|
|
|
+ end_time: query.endTime ? query.endTime : this.storageGet('end_time'),
|
|
|
+ lb_level: '',
|
|
|
+ AEM01C: '',
|
|
|
+ endDay1: '',
|
|
|
+ endDay2: ''
|
|
|
+ },
|
|
|
+ searchOptions: {
|
|
|
+ yqArray: [],//院区options
|
|
|
+ ksArray: [],//科室options
|
|
|
+ bqArray: [],//病区options
|
|
|
+ bazlArray: [], //病案质量
|
|
|
+ lyTypeArray: [], //离院方式
|
|
|
+ wtArray: [], // 问题描述
|
|
|
+ ruleTypeArray: [], // 规则类型
|
|
|
+ cascaderProps: {
|
|
|
+ multiple: true, // 开启多选模式
|
|
|
+ label: 'dep_name',
|
|
|
+ value: 'dep_id',
|
|
|
+ children: 'children',
|
|
|
+ checkStrictly: true, // 允许独立选择任意层级
|
|
|
+ emitPath: false, // 是否返回完整路径(true 返回路径数组,false 只返回末节点值)
|
|
|
+ },
|
|
|
},
|
|
|
tableData: [],
|
|
|
// 分页数据
|
|
@@ -88,21 +187,8 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
- let query = this.$route.query;
|
|
|
- this.formData.AAA28 = query.AAA28;
|
|
|
- this.formData.YQ_CODE = query.YQ_CODE;
|
|
|
- this.formData.KS_CODE = query.KS_CODE;
|
|
|
- this.formData.BQ_CODE = query.BQ_CODE;
|
|
|
- // this.formData.startTime = this.storageGet('start_time');
|
|
|
- // this.formData.endTime = this.storageGet('end_time');
|
|
|
- // this.formData.startTime = query.startTime;
|
|
|
- // this.formData.endTime = query.endTime;
|
|
|
- this.formData.startTime = query.startTime ? query.startTime : this.storageGet('start_time');
|
|
|
- this.formData.endTime = query.endTime ? query.endTime : this.storageGet('end_time');
|
|
|
- this.formData.is_qx = query.is_qx;
|
|
|
- console.log(this.formData);
|
|
|
+ this.getSearchOptions();
|
|
|
this.funQuery();
|
|
|
- this.selectInfo()
|
|
|
},
|
|
|
methods: {
|
|
|
toBack() {
|
|
@@ -110,20 +196,8 @@ export default {
|
|
|
},
|
|
|
funGoto(val) {
|
|
|
this.storageSet('getData', val);
|
|
|
- // 之前的页面
|
|
|
- // this.goto('/homePage');
|
|
|
this.goto('/caseViews')
|
|
|
},
|
|
|
- funDel() {
|
|
|
- this.formData1.seniorList.pop();
|
|
|
- },
|
|
|
- funAdd() {
|
|
|
- this.formData1.seniorList.push({
|
|
|
- key: '',
|
|
|
- value: '',
|
|
|
- type: '1',
|
|
|
- });
|
|
|
- },
|
|
|
pageHasChanged() {
|
|
|
this.funQuery();
|
|
|
},
|
|
@@ -132,145 +206,84 @@ export default {
|
|
|
this.paginationData.pageSize = size
|
|
|
this.funQuery();
|
|
|
},
|
|
|
- selectInfo() {
|
|
|
- this.$axios.post('/selectInfo').then(res => {
|
|
|
- this.departmentList = res.data.department.slice(1, res.data.department.length);
|
|
|
- });
|
|
|
+ handleSearch() {
|
|
|
+ this.paginationData.currentPage = 1
|
|
|
+ this.funQuery()
|
|
|
},
|
|
|
funQuery() {
|
|
|
//查询
|
|
|
- let pramse = {
|
|
|
- page: this.paginationData.currentPage, //页码
|
|
|
- limit: this.paginationData.pageSize, //条数
|
|
|
- AAC11C: this.formData.AAC11C,
|
|
|
- AAA28:this.formData.AAA28,
|
|
|
- YQ_CODE: this.formData.YQ_CODE,
|
|
|
- KS_CODE: this.formData.KS_CODE,
|
|
|
- BQ_CODE: this.formData.BQ_CODE,
|
|
|
- start_time: this.formData.startTime, //开始时间
|
|
|
- end_time: this.formData.endTime, //结束时间
|
|
|
- is_qx : this.formData.is_qx,
|
|
|
- };
|
|
|
- this.$axios.post('CaseHistory/Terminal/blNumberTableList', pramse).then(res => {
|
|
|
+ this.$axios.post('CaseHistory/Terminal/blNumberTableList', {
|
|
|
+ ...this.formData,
|
|
|
+ YQ_CODE: this.formData.YQ_CODE.join(','),
|
|
|
+ KS_CODE: this.formData.KS_CODE.join(','),
|
|
|
+ BQ_CODE: this.formData.BQ_CODE.join(','),
|
|
|
+ page: this.paginationData.currentPage,
|
|
|
+ limit: this.paginationData.pageSize,
|
|
|
+ }).then(res => {
|
|
|
this.paginationData.total = res.data.count;
|
|
|
this.tableData = res.data.data;
|
|
|
});
|
|
|
},
|
|
|
- reset() {
|
|
|
- // 重置数据
|
|
|
- this.paginationData.currentPage= 1; //页码
|
|
|
- this.paginationData.pageSize = 10; //条数
|
|
|
- if (this.choice == 0) {
|
|
|
- Object.assign(this.$data.formData, this.$options.data().formData);
|
|
|
- } else {
|
|
|
- Object.assign(this.$data.formData, this.$options.data().formData);
|
|
|
+ handleReset() {
|
|
|
+ this.$refs.filterListFormRef.resetFields();
|
|
|
+ },
|
|
|
+ getSearchOptions() {
|
|
|
+ this.$axios.post('CaseHistory/Terminal/getQxBlSearchOptions', {}).then(res => {
|
|
|
+ this.searchOptions.yqArray = res.data.yqArray;//院区
|
|
|
+ this.searchOptions.ksArray = this.cancelChildren(res.data.ksArray);//科室
|
|
|
+ this.searchOptions.bqArray = this.cancelChildren(res.data.bqArray);//病区
|
|
|
+ this.searchOptions.bazlArray = res.data.bazlArray
|
|
|
+ this.searchOptions.lyTypeArray = res.data.lyTypeArray
|
|
|
+ this.searchOptions.wtArray = res.data.wtArray
|
|
|
+ this.searchOptions.ruleTypeArray = res.data.ruleTypeArray
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 将下拉框为空的children属性设置为undefined
|
|
|
+ cancelChildren(arr) {
|
|
|
+ if (!arr) {
|
|
|
+ return [];
|
|
|
}
|
|
|
+ return arr.map(item => {
|
|
|
+ if (item.children.length == 0) {
|
|
|
+ item.children = undefined;
|
|
|
+ } else {
|
|
|
+ item.children.map(childreItem => {
|
|
|
+ if (childreItem.children.length == 0) {
|
|
|
+ childreItem.children = undefined;
|
|
|
+ }
|
|
|
+ return childreItem
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //院区change事件
|
|
|
+ yqChange() {
|
|
|
+ this.formData.KS_CODE = [];
|
|
|
+ this.formData.BQ_CODE = [];
|
|
|
+ this.$axios.post('CaseHistory/Terminal/getKsOptions', { 'YQ_CODE': this.formData.YQ_CODE }).then(res => {
|
|
|
+ this.searchOptions.ksArray = this.cancelChildren(res.data.ksArray);//科室
|
|
|
+ this.searchOptions.bqArray = this.cancelChildren(res.data.bqArray);//病区
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //科室change事件
|
|
|
+ ksChange() {
|
|
|
+ this.formData.BQ_CODE = [];
|
|
|
+ this.$axios.post('CaseHistory/Terminal/getBqOptions', { 'KS_CODE': this.formData.KS_CODE }).then(res => {
|
|
|
+ this.searchOptions.bqArray = this.cancelChildren(res.data.bqArray);//病区
|
|
|
+ })
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
- <style scoped>
|
|
|
-::v-deep.el-pagination.is-background .btn-next,
|
|
|
-::v-deep.el-pagination.is-background .btn-prev,
|
|
|
-::v-deep.el-pagination.is-background .el-pager li {
|
|
|
- margin: 0 5px;
|
|
|
- background-color: #fff;
|
|
|
- color: #606266;
|
|
|
- min-width: 30px;
|
|
|
- border-radius: 2px;
|
|
|
- border: 1px solid #dfe3f3;
|
|
|
- line-height: 27px;
|
|
|
-}
|
|
|
-::v-deep.el-pagination.is-background .el-pager li:not(.disabled).active {
|
|
|
- background: #7e8bab;
|
|
|
-}
|
|
|
-::v-deep.el-table .el-table__row td {
|
|
|
- color: #7e8bab;
|
|
|
- border-bottom: 1px solid #f4f4f4;
|
|
|
-}
|
|
|
-::v-deep.el-table .el-table__header tr th:first-child {
|
|
|
- border-radius: 10px 0px 0px 10px;
|
|
|
-}
|
|
|
-::v-deep.el-table .el-table__header tr th:last-child {
|
|
|
- border-radius: 0px 10px 10px 0px;
|
|
|
-}
|
|
|
-::v-deep.el-table .el-table__header tr th {
|
|
|
- background: #f1f6ff;
|
|
|
- color: #13171e;
|
|
|
- border-bottom: 0px;
|
|
|
-}
|
|
|
-</style>
|
|
|
- <style lang="scss" scoped>
|
|
|
-.tableBox {
|
|
|
- background: #fff;
|
|
|
- padding: 19px;
|
|
|
- border-radius: 5px;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-.block {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- margin-bottom: 16px;
|
|
|
- padding: 20px 30px;
|
|
|
- margin-bottom: 20px;
|
|
|
- .fBtn {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- .bnh {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
- .barBtn {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- .selects {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- .rowsa {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-}
|
|
|
+<style lang="scss" scoped>
|
|
|
.tableBox {
|
|
|
background: #fff;
|
|
|
padding: 19px;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
-.dashboard {
|
|
|
- &-container {
|
|
|
- margin: 30px;
|
|
|
- }
|
|
|
- &-text {
|
|
|
- font-size: 30px;
|
|
|
- line-height: 46px;
|
|
|
- }
|
|
|
-}
|
|
|
-.pind {
|
|
|
- padding: 0 20px;
|
|
|
-}
|
|
|
-.pind10 {
|
|
|
- padding: 0 5px;
|
|
|
-}
|
|
|
-.width150 {
|
|
|
- width: 200px;
|
|
|
-}
|
|
|
-.width300 {
|
|
|
- width: 295px;
|
|
|
-}
|
|
|
-.width500 {
|
|
|
- width: 645px;
|
|
|
-}
|
|
|
-.width90 {
|
|
|
- width: 90px;
|
|
|
-}
|
|
|
-.width130 {
|
|
|
- width: 120px;
|
|
|
-}
|
|
|
-.blue {
|
|
|
- color: #185da6;
|
|
|
-}
|
|
|
+
|
|
|
.block {
|
|
|
background: #fff;
|
|
|
width: 100%;
|
|
@@ -281,33 +294,5 @@ export default {
|
|
|
margin-bottom: 20px;
|
|
|
padding-left: 0;
|
|
|
padding-right: 0;
|
|
|
- .blockCon {
|
|
|
- align-items: center;
|
|
|
- .selectDns {
|
|
|
- span {
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
- .demonstration {
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- .pickers {
|
|
|
- margin-left: 5px;
|
|
|
- }
|
|
|
- .lsxd {
|
|
|
- margin-left: 20px;
|
|
|
- }
|
|
|
- .ins {
|
|
|
- width: 150px;
|
|
|
- margin: 0 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- .sc {
|
|
|
- background: #185da6;
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
-}
|
|
|
-.kong {
|
|
|
- padding: 0 5px;
|
|
|
}
|
|
|
</style>
|