Skip to content

X
xxx_phase2_web
Commit 15729245 authored by 夏敏伟's avatar 夏敏伟
Browse files
Options

修改样式

parent b79d2b8b
Show whitespace changes
Inline Side-by-side
Showing with 6150 additions and 6413 deletions
src/view/dfzy/dfwxk.vue
View file @ 15729245
...@@ -1135,45 +1135,61 @@ export default { ...@@ -1135,45 +1135,61 @@ export default {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
.el-table tr { .el-table tr {
background-color: #1d2d46 !important; background-color: transparent !important;
color: #ffffffc7; color: #ffffffc7;
font-size: 14px;
} }
.el-table thead tr {
height: 40px;
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th{
background-color: transparent;
}
tbody tr {
border-bottom: 1px solid #252631;
}
.el-table td { .el-table td {
border-bottom: 1px solid #127a89; border-bottom: 1px solid #252631;
border-right: unset; border-right: unset;
} }
.el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78; background-color: #82848a78;
} }
.el-table th { .el-table th {
border: unset; border: unset;
background-color: #263b5d !important; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
} }
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-download {
color: #1172d8;
cursor: pointer;
font-size: 20px;
}
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-view { .el-icon-view {
color: #00ffff; color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
......
src/view/dfzy/jq_xq_dfzy.vue
View file @ 15729245
<template> <template>
<div id="jq_xq_dfzy"> <div id="jq_xq_dfzy">
<template> <template>
<el-backtop <el-backtop target="#jq_xq_dfzy" :right="80" :bottom="70" :visibility-height="600" title="回到顶部">
target="#jq_xq_dfzy"
:right="80"
:bottom="70"
:visibility-height="600"
title="回到顶部"
>
</el-backtop> </el-backtop>
</template> </template>
<img class="back" :src="back" @click="goBack" /> <img class="back" :src="back" @click="goBack" />
<span <span v-if="form.updateTime" style="position: absolute; right: 157px; top: 12.3%">更新时间：<span style="color: #3de84e">{{
v-if="form.updateTime" form.updateTime }}</span></span>
style="position: absolute; right: 157px; top: 12.3%"
>更新时间：<span style="color: #3de84e">{{ form.updateTime }}</span></span
>
<div style="width: calc(100% - 360px); float: left; padding: 20px"> <div style="width: calc(100% - 360px); float: left; padding: 20px">
<!-- <div class="top-title"> <!-- <div class="top-title">
<div class="top-left-div"> <div class="top-left-div">
...@@ -74,22 +65,9 @@ ...@@ -74,22 +65,9 @@
</div> --> </div> -->
<div style="width: calc(100% - 20px); float: left; padding: 20px"> <div style="width: calc(100% - 20px); float: left; padding: 20px">
<div class="img-div"> <div class="img-div">
<el-upload <el-upload class="avatar-uploader" action="1" :show-file-list="false" :disabled="!true_edit"
class="avatar-uploader" :file-list="fileList_head" :accept="file_types_head" :auto-upload="false" :limit="1">
action="1" <img v-if="imageUrl" :src="imageUrl" class="avatar" :onerror="errimg" />
:show-file-list="false"
:disabled="!true_edit"
:file-list="fileList_head"
:accept="file_types_head"
:auto-upload="false"
:limit="1"
>
<img
v-if="imageUrl"
:src="imageUrl"
class="avatar"
:onerror="errimg"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload> </el-upload>
<div class="top-left-div"> <div class="top-left-div">
...@@ -107,577 +85,339 @@ ...@@ -107,577 +85,339 @@
<td class="pub-td1">部队番号</td> <td class="pub-td1">部队番号</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["部队番号"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["部队番号"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['部队番号' + this.rw_jg_IsConfirm] == (form.baseProperty['部队番号' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['部队番号' + this.rw_jg_IsConfirm] != form.baseProperty['部队番号' + this.rw_jg_IsConfirm] !=
form.baseProperty['部队番号']) form.baseProperty['部队番号'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['部队番号' + this.rw_jg_IsConfirm] == form.baseProperty['部队番号' + this.rw_jg_IsConfirm] ==
form.baseProperty['部队番号'] && form.baseProperty['部队番号'] &&
form.baseProperty['部队番号' + this.rw_jg_IsConfirm] != form.baseProperty['部队番号' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['部队番号']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['部队番号']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">部队简称</td> <td class="pub-td1">部队简称</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["部队简称"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["部队简称"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['部队简称' + this.rw_jg_IsConfirm] == (form.baseProperty['部队简称' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['部队简称' + this.rw_jg_IsConfirm] != form.baseProperty['部队简称' + this.rw_jg_IsConfirm] !=
form.baseProperty['部队简称']) form.baseProperty['部队简称'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['部队简称' + this.rw_jg_IsConfirm] == form.baseProperty['部队简称' + this.rw_jg_IsConfirm] ==
form.baseProperty['部队简称'] && form.baseProperty['部队简称'] &&
form.baseProperty['部队简称' + this.rw_jg_IsConfirm] != form.baseProperty['部队简称' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['部队简称']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['部队简称']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">机构编号</td> <td class="pub-td1">机构编号</td>
<td class="pub-td2" colspan="3"> <td class="pub-td2" colspan="3">
<span v-if="!true_edit">{{ form.baseProperty["机构编号"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["机构编号"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['机构编号' + this.rw_jg_IsConfirm] == (form.baseProperty['机构编号' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['机构编号' + this.rw_jg_IsConfirm] != form.baseProperty['机构编号' + this.rw_jg_IsConfirm] !=
form.baseProperty['机构编号']) form.baseProperty['机构编号'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['机构编号' + this.rw_jg_IsConfirm] == form.baseProperty['机构编号' + this.rw_jg_IsConfirm] ==
form.baseProperty['机构编号'] && form.baseProperty['机构编号'] &&
form.baseProperty['机构编号' + this.rw_jg_IsConfirm] != form.baseProperty['机构编号' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['机构编号']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['机构编号']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">部队代号</td> <td class="pub-td1">部队代号</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["部队代号"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["部队代号"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['部队代号' + this.rw_jg_IsConfirm] == (form.baseProperty['部队代号' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['部队代号' + this.rw_jg_IsConfirm] != form.baseProperty['部队代号' + this.rw_jg_IsConfirm] !=
form.baseProperty['部队代号']) form.baseProperty['部队代号'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['部队代号' + this.rw_jg_IsConfirm] == form.baseProperty['部队代号' + this.rw_jg_IsConfirm] ==
form.baseProperty['部队代号'] && form.baseProperty['部队代号'] &&
form.baseProperty['部队代号' + this.rw_jg_IsConfirm] != form.baseProperty['部队代号' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['部队代号']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['部队代号']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">部队泛称</td> <td class="pub-td1">部队泛称</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["部队泛称"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["部队泛称"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] == (form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] != form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] !=
form.baseProperty['部队泛称']) form.baseProperty['部队泛称'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] == form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] ==
form.baseProperty['部队泛称'] && form.baseProperty['部队泛称'] &&
form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] != form.baseProperty['部队泛称' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['部队泛称']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['部队泛称']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">编制番号</td> <td class="pub-td1">编制番号</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["编制番号"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["编制番号"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['编制番号' + this.rw_jg_IsConfirm] == (form.baseProperty['编制番号' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['编制番号' + this.rw_jg_IsConfirm] != form.baseProperty['编制番号' + this.rw_jg_IsConfirm] !=
form.baseProperty['编制番号']) form.baseProperty['编制番号'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['编制番号' + this.rw_jg_IsConfirm] == form.baseProperty['编制番号' + this.rw_jg_IsConfirm] ==
form.baseProperty['编制番号'] && form.baseProperty['编制番号'] &&
form.baseProperty['编制番号' + this.rw_jg_IsConfirm] != form.baseProperty['编制番号' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['编制番号']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['编制番号']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">战时代号</td> <td class="pub-td1">战时代号</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["战时代号"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["战时代号"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['战时代号' + this.rw_jg_IsConfirm] == (form.baseProperty['战时代号' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['战时代号' + this.rw_jg_IsConfirm] != form.baseProperty['战时代号' + this.rw_jg_IsConfirm] !=
form.baseProperty['战时代号']) form.baseProperty['战时代号'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['战时代号' + this.rw_jg_IsConfirm] == form.baseProperty['战时代号' + this.rw_jg_IsConfirm] ==
form.baseProperty['战时代号'] && form.baseProperty['战时代号'] &&
form.baseProperty['战时代号' + this.rw_jg_IsConfirm] != form.baseProperty['战时代号' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['战时代号']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['战时代号']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">密级</td> <td class="pub-td1">密级</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["密级"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["密级"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['密级' + this.rw_jg_IsConfirm] == (form.baseProperty['密级' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['密级' + this.rw_jg_IsConfirm] != form.baseProperty['密级' + this.rw_jg_IsConfirm] !=
form.baseProperty['密级']) form.baseProperty['密级'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['密级' + this.rw_jg_IsConfirm] == form.baseProperty['密级' + this.rw_jg_IsConfirm] ==
form.baseProperty['密级'] && form.baseProperty['密级'] &&
form.baseProperty['密级' + this.rw_jg_IsConfirm] != undefined form.baseProperty['密级' + this.rw_jg_IsConfirm] != undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['密级']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['密级']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">部队类别</td> <td class="pub-td1">部队类别</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["部队类别"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["部队类别"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['部队类别' + this.rw_jg_IsConfirm] == (form.baseProperty['部队类别' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['部队类别' + this.rw_jg_IsConfirm] != form.baseProperty['部队类别' + this.rw_jg_IsConfirm] !=
form.baseProperty['部队类别']) form.baseProperty['部队类别'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['部队类别' + this.rw_jg_IsConfirm] == form.baseProperty['部队类别' + this.rw_jg_IsConfirm] ==
form.baseProperty['部队类别'] && form.baseProperty['部队类别'] &&
form.baseProperty['部队类别' + this.rw_jg_IsConfirm] != form.baseProperty['部队类别' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['部队类别']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['部队类别']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">兵种</td> <td class="pub-td1">兵种</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["兵种"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["兵种"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['兵种' + this.rw_jg_IsConfirm] == (form.baseProperty['兵种' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['兵种' + this.rw_jg_IsConfirm] != form.baseProperty['兵种' + this.rw_jg_IsConfirm] !=
form.baseProperty['兵种']) form.baseProperty['兵种'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['兵种' + this.rw_jg_IsConfirm] == form.baseProperty['兵种' + this.rw_jg_IsConfirm] ==
form.baseProperty['兵种'] && form.baseProperty['兵种'] &&
form.baseProperty['兵种' + this.rw_jg_IsConfirm] != undefined form.baseProperty['兵种' + this.rw_jg_IsConfirm] != undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['兵种']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['兵种']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">国家地区</td> <td class="pub-td1">国家地区</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["国家地区"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["国家地区"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['国家地区' + this.rw_jg_IsConfirm] == (form.baseProperty['国家地区' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['国家地区' + this.rw_jg_IsConfirm] != form.baseProperty['国家地区' + this.rw_jg_IsConfirm] !=
form.baseProperty['国家地区']) form.baseProperty['国家地区'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['国家地区' + this.rw_jg_IsConfirm] == form.baseProperty['国家地区' + this.rw_jg_IsConfirm] ==
form.baseProperty['国家地区'] && form.baseProperty['国家地区'] &&
form.baseProperty['国家地区' + this.rw_jg_IsConfirm] != form.baseProperty['国家地区' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['国家地区']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['国家地区']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">军种</td> <td class="pub-td1">军种</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["军种"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["军种"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['军种' + this.rw_jg_IsConfirm] == (form.baseProperty['军种' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['军种' + this.rw_jg_IsConfirm] != form.baseProperty['军种' + this.rw_jg_IsConfirm] !=
form.baseProperty['军种']) form.baseProperty['军种'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['军种' + this.rw_jg_IsConfirm] == form.baseProperty['军种' + this.rw_jg_IsConfirm] ==
form.baseProperty['军种'] && form.baseProperty['军种'] &&
form.baseProperty['军种' + this.rw_jg_IsConfirm] != undefined form.baseProperty['军种' + this.rw_jg_IsConfirm] != undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['军种']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['军种']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">地名</td> <td class="pub-td1">地名</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["地名"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["地名"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['地名' + this.rw_jg_IsConfirm] == (form.baseProperty['地名' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['地名' + this.rw_jg_IsConfirm] != form.baseProperty['地名' + this.rw_jg_IsConfirm] !=
form.baseProperty['地名']) form.baseProperty['地名'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['地名' + this.rw_jg_IsConfirm] == form.baseProperty['地名' + this.rw_jg_IsConfirm] ==
form.baseProperty['地名'] && form.baseProperty['地名'] &&
form.baseProperty['地名' + this.rw_jg_IsConfirm] != undefined form.baseProperty['地名' + this.rw_jg_IsConfirm] != undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['地名']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['地名']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">军队区分</td> <td class="pub-td1">军队区分</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["军队区分"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["军队区分"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['军队区分' + this.rw_jg_IsConfirm] == (form.baseProperty['军队区分' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['军队区分' + this.rw_jg_IsConfirm] != form.baseProperty['军队区分' + this.rw_jg_IsConfirm] !=
form.baseProperty['军队区分']) form.baseProperty['军队区分'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['军队区分' + this.rw_jg_IsConfirm] == form.baseProperty['军队区分' + this.rw_jg_IsConfirm] ==
form.baseProperty['军队区分'] && form.baseProperty['军队区分'] &&
form.baseProperty['军队区分' + this.rw_jg_IsConfirm] != form.baseProperty['军队区分' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['军队区分']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['军队区分']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">情报提供单位</td> <td class="pub-td1">情报提供单位</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ <span v-if="!true_edit">{{
form.baseProperty["情报提供单位"] form.baseProperty["情报提供单位"]
}}</span> }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] == (form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] != form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] !=
form.baseProperty['情报提供单位']) form.baseProperty['情报提供单位'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] == form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] ==
form.baseProperty['情报提供单位'] && form.baseProperty['情报提供单位'] &&
form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] != form.baseProperty['情报提供单位' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['情报提供单位']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['情报提供单位']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="pub-td1">部队等级</td> <td class="pub-td1">部队等级</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["部队等级"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["部队等级"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['部队等级' + this.rw_jg_IsConfirm] == (form.baseProperty['部队等级' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['部队等级' + this.rw_jg_IsConfirm] != form.baseProperty['部队等级' + this.rw_jg_IsConfirm] !=
form.baseProperty['部队等级']) form.baseProperty['部队等级'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['部队等级' + this.rw_jg_IsConfirm] == form.baseProperty['部队等级' + this.rw_jg_IsConfirm] ==
form.baseProperty['部队等级'] && form.baseProperty['部队等级'] &&
form.baseProperty['部队等级' + this.rw_jg_IsConfirm] != form.baseProperty['部队等级' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['部队等级']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['部队等级']"
placeholder="请输入内容"
></el-input>
</td> </td>
<td class="pub-td1">战备等级</td> <td class="pub-td1">战备等级</td>
<td class="pub-td2"> <td class="pub-td2">
<span v-if="!true_edit">{{ form.baseProperty["战备等级"] }}</span> <span v-if="!true_edit">{{ form.baseProperty["战备等级"] }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.baseProperty['战备等级' + this.rw_jg_IsConfirm] == (form.baseProperty['战备等级' + this.rw_jg_IsConfirm] ==
undefined || undefined ||
form.baseProperty['战备等级' + this.rw_jg_IsConfirm] != form.baseProperty['战备等级' + this.rw_jg_IsConfirm] !=
form.baseProperty['战备等级']) form.baseProperty['战备等级'])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.baseProperty['战备等级' + this.rw_jg_IsConfirm] == form.baseProperty['战备等级' + this.rw_jg_IsConfirm] ==
form.baseProperty['战备等级'] && form.baseProperty['战备等级'] &&
form.baseProperty['战备等级' + this.rw_jg_IsConfirm] != form.baseProperty['战备等级' + this.rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.baseProperty['战备等级']" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.baseProperty['战备等级']"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
<tr v-for="(item, index) in xzzd" style="position: relative"> <tr v-for="(item, index) in xzzd" style="position: relative">
...@@ -686,35 +426,21 @@ ...@@ -686,35 +426,21 @@
<span v-if="!true_edit">{{ <span v-if="!true_edit">{{
form.extraProperty[item.comment] form.extraProperty[item.comment]
}}</span> }}</span>
<i <i v-if="$route.meta.gly &&
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
(form.extraProperty[item.comment + rw_jg_IsConfirm] == (form.extraProperty[item.comment + rw_jg_IsConfirm] ==
undefined || undefined ||
form.extraProperty[item.comment + rw_jg_IsConfirm] != form.extraProperty[item.comment + rw_jg_IsConfirm] !=
form.extraProperty[item.comment]) form.extraProperty[item.comment])
" " class="el-icon-question" style="color: #9a9ca0; font-size: 20px"></i>
class="el-icon-question" <i v-if="$route.meta.gly &&
style="color: #9a9ca0; font-size: 20px"
></i>
<i
v-if="
$route.meta.gly &&
!true_edit && !true_edit &&
form.extraProperty[item.comment + rw_jg_IsConfirm] == form.extraProperty[item.comment + rw_jg_IsConfirm] ==
form.extraProperty[item.comment] && form.extraProperty[item.comment] &&
form.extraProperty[item.comment + rw_jg_IsConfirm] != form.extraProperty[item.comment + rw_jg_IsConfirm] !=
undefined undefined
" " class="el-icon-success" style="color: #12dc00; font-size: 20px"></i>
class="el-icon-success" <el-input v-if="true_edit" v-model="form.extraProperty[item.comment]" placeholder="请输入内容"></el-input>
style="color: #12dc00; font-size: 20px"
></i>
<el-input
v-if="true_edit"
v-model="form.extraProperty[item.comment]"
placeholder="请输入内容"
></el-input>
</td> </td>
</tr> </tr>
</table> </table>
...@@ -724,8 +450,7 @@ ...@@ -724,8 +450,7 @@
<span v-text="item.comment + ':'"></span> <span v-text="item.comment + ':'"></span>
</div> </div>
<div class="data-div" v-if="form.textarea"> <div class="data-div" v-if="form.textarea">
<div <div :style="{
:style="{
'text-align': 'text-align':
form.textarea[item.comment] == '' || form.textarea[item.comment] == '' ||
form.textarea[item.comment] == undefined form.textarea[item.comment] == undefined
...@@ -736,70 +461,35 @@ ...@@ -736,70 +461,35 @@
form.textarea[item.comment] == undefined form.textarea[item.comment] == undefined
? '#909399' ? '#909399'
: '', : '',
}" }" v-if="item.type == 1" class="div_s">
v-if="item.type == 1" <span v-if="!true_edit" v-text="form.textarea[item.comment] == '' ||
class="div_s"
>
<span
v-if="!true_edit"
v-text="
form.textarea[item.comment] == '' ||
form.textarea[item.comment] == undefined form.textarea[item.comment] == undefined
? '暂无数据' ? '暂无数据'
: form.textarea[item.comment] : form.textarea[item.comment]
" "></span>
></span> <el-input v-if="true_edit" v-model="form.textarea[item.comment]" placeholder="请输入内容" type="textarea"
<el-input :rows="6"></el-input>
v-if="true_edit"
v-model="form.textarea[item.comment]"
placeholder="请输入内容"
type="textarea"
:rows="6"
></el-input>
</div> </div>
<div v-if="item.type == 2" class="tablesss"> <div v-if="item.type == 2" class="tablesss">
<i <i class="el-icon-circle-plus" title="新增表格" @click="add_table(index)" v-if="true_edit" style="
class="el-icon-circle-plus"
title="新增表格"
@click="add_table(index)"
v-if="true_edit"
style="
font-size: 23px; font-size: 23px;
margin-bottom: 10px; margin-bottom: 10px;
color: #409eff; color: #409eff;
cursor: pointer; cursor: pointer;
" "></i>
></i> <el-table style="width: 100%" :data="item.table_column" border>
<el-table <el-table-column :prop="items" :label="items" v-for="(items, indexs) in item.table_tab" :key="indexs"
style="width: 100%" align="center">
:data="item.table_column"
border
>
<el-table-column
:prop="items"
:label="items"
v-for="(items, indexs) in item.table_tab"
:key="indexs"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="!true_edit">{{ scope.row[items] }}</span> <span v-if="!true_edit">{{ scope.row[items] }}</span>
<el-input <el-input v-if="true_edit" v-model="scope.row[items]"></el-input>
v-if="true_edit"
v-model="scope.row[items]"
></el-input>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div v-if="item.type == 3" style="height: 800px"> <div v-if="item.type == 3" style="height: 800px">
<component <component :is="currentRole_rw" :clientDetails="clientDetails_rw" v-if="showComponent" :show="showComponent"
:is="currentRole_rw" ref="mychild_rw_datas" />
:clientDetails="clientDetails_rw"
v-if="showComponent"
:show="showComponent"
ref="mychild_rw_datas"
/>
</div> </div>
<div v-if="item.type == 4" style="height: 500px"></div> <div v-if="item.type == 4" style="height: 500px"></div>
</div> </div>
...@@ -814,16 +504,12 @@ ...@@ -814,16 +504,12 @@
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_xgrw.length != 0"> <ul v-if="xgnr_xgrw.length != 0">
<li <li v-for="item in xgnr_xgrw" :title="item.baseProperty['外文名'] == undefined ||
v-for="item in xgnr_xgrw"
:title="
item.baseProperty['外文名'] == undefined ||
item.baseProperty['外文名'] == '' || item.baseProperty['外文名'] == '' ||
item.baseProperty['外文名'] == null item.baseProperty['外文名'] == null
? item.baseProperty['姓名'] ? item.baseProperty['姓名']
: item.baseProperty['外文名'] : item.baseProperty['外文名']
" ">
>
<span @click="rw_xq(item)">{{ <span @click="rw_xq(item)">{{
item.baseProperty["外文名"] == undefined || item.baseProperty["外文名"] == undefined ||
item.baseProperty["外文名"] == "" || item.baseProperty["外文名"] == "" ||
...@@ -836,24 +522,15 @@ ...@@ -836,24 +522,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>账号动态</span> <span>账号动态</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('账号动态')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('账号动态')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_zhdt.length == 0"> <div v-if="xgnr_zhdt.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_zhdt.length != 0"> <ul v-if="xgnr_zhdt.length != 0">
<li <li v-for="item in xgnr_zhdt" :title="item.txt" @click="showInfo_zhtds(item)">
v-for="item in xgnr_zhdt"
:title="item.txt"
@click="showInfo_zhtds(item)"
>
<span>{{ item.txt }}</span> <span>{{ item.txt }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.pubdate item.pubdate
...@@ -863,24 +540,15 @@ ...@@ -863,24 +540,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>所属基地</span> <span>所属基地</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('所属基地')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('所属基地')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_ssjd.length == 0"> <div v-if="xgnr_ssjd.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_ssjd.length != 0"> <ul v-if="xgnr_ssjd.length != 0">
<li <li v-for="item in xgnr_ssjd" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_ssjd"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -890,24 +558,15 @@ ...@@ -890,24 +558,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>所属部队</span> <span>所属部队</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('所属部队')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('所属部队')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_ssbd.length == 0"> <div v-if="xgnr_ssbd.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_ssbd.length != 0"> <ul v-if="xgnr_ssbd.length != 0">
<li <li v-for="item in xgnr_ssbd" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_ssbd"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -917,24 +576,15 @@ ...@@ -917,24 +576,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>所属装备</span> <span>所属装备</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('所属装备')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('所属装备')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_sszb.length == 0"> <div v-if="xgnr_sszb.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_sszb.length != 0"> <ul v-if="xgnr_sszb.length != 0">
<li <li v-for="item in xgnr_sszb" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_sszb"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -944,24 +594,15 @@ ...@@ -944,24 +594,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>相关舆情</span> <span>相关舆情</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('相关舆情')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('相关舆情')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_xgyq.length == 0"> <div v-if="xgnr_xgyq.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_xgyq.length != 0"> <ul v-if="xgnr_xgyq.length != 0">
<li <li v-for="item in xgnr_xgyq" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_xgyq"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -971,24 +612,15 @@ ...@@ -971,24 +612,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>历史文献</span> <span>历史文献</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('历史文献')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('历史文献')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_lswx.length == 0"> <div v-if="xgnr_lswx.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_lswx.length != 0"> <ul v-if="xgnr_lswx.length != 0">
<li <li v-for="item in xgnr_lswx" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_lswx"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -998,24 +630,15 @@ ...@@ -998,24 +630,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>证据资料</span> <span>证据资料</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('证据资料')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('证据资料')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_zjzl.length == 0"> <div v-if="xgnr_zjzl.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_zjzl.length != 0"> <ul v-if="xgnr_zjzl.length != 0">
<li <li v-for="item in xgnr_zjzl" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_zjzl"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -1025,24 +648,15 @@ ...@@ -1025,24 +648,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>关键影响人物</span> <span>关键影响人物</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('关键影响人物')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('关键影响人物')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_gjyxrw.length == 0"> <div v-if="xgnr_gjyxrw.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_gjyxrw.length != 0"> <ul v-if="xgnr_gjyxrw.length != 0">
<li <li v-for="item in xgnr_gjyxrw" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_gjyxrw"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -1052,24 +666,15 @@ ...@@ -1052,24 +666,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>攻击建议</span> <span>攻击建议</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('攻击建议')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('攻击建议')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_gjjy.length == 0"> <div v-if="xgnr_gjjy.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_gjjy.length != 0"> <ul v-if="xgnr_gjjy.length != 0">
<li <li v-for="item in xgnr_gjjy" :title="'出处：' + item.objectType" @click="showInfo_zhtd(item)">
v-for="item in xgnr_gjjy"
:title="'出处：' + item.objectType"
@click="showInfo_zhtd(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -1079,24 +684,15 @@ ...@@ -1079,24 +684,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>评价言论</span> <span>评价言论</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('评价言论')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('评价言论')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_pjyl.length == 0"> <div v-if="xgnr_pjyl.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_pjyl.length != 0"> <ul v-if="xgnr_pjyl.length != 0">
<li <li v-for="item in xgnr_pjyl" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_pjyl"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -1106,24 +702,15 @@ ...@@ -1106,24 +702,15 @@
</div> </div>
<div class="xgnr-span"> <div class="xgnr-span">
<span>机构分析报告</span> <span>机构分析报告</span>
<el-button <el-button type="primary" size="mini" style="float: right; margin-top: 10px; margin-right: 10px"
type="primary" @click="gd_cli('机构分析报告')">更多</el-button>
size="mini"
style="float: right; margin-top: 10px; margin-right: 10px"
@click="gd_cli('机构分析报告')"
>更多</el-button
>
</div> </div>
<div class="xgnr-div"> <div class="xgnr-div">
<div v-if="xgnr_jgfxbg.length == 0"> <div v-if="xgnr_jgfxbg.length == 0">
<span>暂无数据接入</span> <span>暂无数据接入</span>
</div> </div>
<ul v-if="xgnr_jgfxbg.length != 0"> <ul v-if="xgnr_jgfxbg.length != 0">
<li <li v-for="item in xgnr_jgfxbg" :title="'出处：' + item.objectType" @click="showInfo(item)">
v-for="item in xgnr_jgfxbg"
:title="'出处：' + item.objectType"
@click="showInfo(item)"
>
<span>{{ item.object }}</span> <span>{{ item.object }}</span>
<span style="font-size: 12px; color: #737373">{{ <span style="font-size: 12px; color: #737373">{{
item.createTime item.createTime
...@@ -1132,36 +719,12 @@ ...@@ -1132,36 +719,12 @@
</ul> </ul>
</div> </div>
</div> </div>
<el-dialog <el-dialog :title="title_gd" :visible.sync="dialogVisible_gd" width="50%" :modal-append-to-body="false" id="_plscs">
:title="title_gd"
:visible.sync="dialogVisible_gd"
width="50%"
:modal-append-to-body="false"
id="_plscs"
>
<el-tabs type="border-card" v-model="editableTabsValue"> <el-tabs type="border-card" v-model="editableTabsValue">
<el-tab-pane v-if="editableTabsValues" name="first"> <el-tab-pane v-if="editableTabsValues" name="first">
<span slot="label"><i class="el-icon-date"></i> 舆情新闻</span> <span slot="label"><i class="el-icon-date"></i> 舆情新闻</span>
<el-table <el-table style="width: 100%" class="table-div" :data="tableData_gd2">
style="width: 100%" <el-table-column type="index" label="序号" width="80"></el-table-column>
class="table-div"
:data="tableData_gd2"
:header-cell-style="{
color: '#ffffffc7',
fontSize: '14px',
background: '#263b5d',
}"
:row-style="{
color: '#ffffffc7',
fontSize: '14px',
background: '#1d2d46',
}"
>
<el-table-column
type="index"
label="序号"
width="80"
></el-table-column>
<el-table-column label="标题"> <el-table-column label="标题">
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="showInfo_s(scope.row)">{{ <span @click="showInfo_s(scope.row)">{{
...@@ -1172,42 +735,24 @@ ...@@ -1172,42 +735,24 @@
<!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> --> <!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> -->
</el-table> </el-table>
<div class="page-div" style="margin-top: 30px"> <div class="page-div" style="margin-top: 30px">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" @size-change="handleSizeChange2" :page-size="pageSize2" :current-page="current_page2" :total="total2"
background @current-change="handleCurrentChange_rwk2" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange2"
:page-size="pageSize2"
:current-page="current_page2"
:total="total2"
@current-change="handleCurrentChange_rwk2"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane name="second"> <el-tab-pane name="second">
<span slot="label"><i class="el-icon-date"></i> 关联</span> <span slot="label"><i class="el-icon-date"></i> 关联</span>
<el-table <el-table style="width: 100%" class="table-div" :data="tableData_gd" :header-cell-style="{
style="width: 100%"
class="table-div"
:data="tableData_gd"
:header-cell-style="{
color: '#ffffffc7', color: '#ffffffc7',
fontSize: '14px', fontSize: '14px',
background: '#263b5d', background: '#263b5d',
}" }" :row-style="{
:row-style="{
color: '#ffffffc7', color: '#ffffffc7',
fontSize: '14px', fontSize: '14px',
background: '#1d2d46', background: '#1d2d46',
}" }">
> <el-table-column type="index" label="序号" width="80"></el-table-column>
<el-table-column
type="index"
label="序号"
width="80"
></el-table-column>
<el-table-column label="内容"> <el-table-column label="内容">
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="showInfo_s(scope.row)">{{ <span @click="showInfo_s(scope.row)">{{
...@@ -1218,89 +763,46 @@ ...@@ -1218,89 +763,46 @@
<!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> --> <!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> -->
</el-table> </el-table>
<div class="page-div" style="margin-top: 30px"> <div class="page-div" style="margin-top: 30px">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" @size-change="handleSizeChange1" :page-size="pageSize1" :current-page="current_page1" :total="total1"
background @current-change="handleCurrentChange_rwk1" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange1"
:page-size="pageSize1"
:current-page="current_page1"
:total="total1"
@current-change="handleCurrentChange_rwk1"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="dialogVisible_gd = false" <el-button size="mini" @click="dialogVisible_gd = false">关闭</el-button>
>关闭</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="账号动态" :visible.sync="dialogVisible_gd1" width="40%" :modal-append-to-body="false" id="_plscs">
title="账号动态" <el-table style="width: 100%" class="table-div" :data="tableData_gd1" :header-cell-style="{
:visible.sync="dialogVisible_gd1"
width="40%"
:modal-append-to-body="false"
id="_plscs"
>
<el-table
style="width: 100%"
class="table-div"
:data="tableData_gd1"
:header-cell-style="{
color: '#ffffffc7', color: '#ffffffc7',
fontSize: '14px', fontSize: '14px',
background: '#263b5d', background: '#263b5d',
}" }" :row-style="{
:row-style="{
color: '#ffffffc7', color: '#ffffffc7',
fontSize: '14px', fontSize: '14px',
background: '#1d2d46', background: '#1d2d46',
}" }">
>
<el-table-column type="index" label="序号" width="80"></el-table-column> <el-table-column type="index" label="序号" width="80"></el-table-column>
<el-table-column prop="txt_zh" label="内容"></el-table-column> <el-table-column prop="txt_zh" label="内容"></el-table-column>
<el-table-column <el-table-column prop="timestr" label="时间" width="200"></el-table-column>
prop="timestr"
label="时间"
width="200"
></el-table-column>
</el-table> </el-table>
<div class="page-div" style="margin-top: 30px"> <div class="page-div" style="margin-top: 30px">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" @size-change="handleSizeChange" :page-size="pageSize" :current-page="current_page" :total="total"
background @current-change="handleCurrentChange_rwk" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
:page-size="pageSize"
:current-page="current_page"
:total="total"
@current-change="handleCurrentChange_rwk"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="dialogVisible_gd1 = false" <el-button size="mini" @click="dialogVisible_gd1 = false">关闭</el-button>
>关闭</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog :title="zhdt_title" :visible.sync="dialogVisible_zhdt" width="40%" :modal-append-to-body="false"
:title="zhdt_title" id="_plscs">
:visible.sync="dialogVisible_zhdt"
width="40%"
:modal-append-to-body="false"
id="_plscs"
>
<span style="color: #d2d2d2">{{ span_zhdt }}</span> <span style="color: #d2d2d2">{{ span_zhdt }}</span>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="dialogVisible_zhdt = false" <el-button size="mini" @click="dialogVisible_zhdt = false">关闭</el-button>
>关闭</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -2173,12 +1675,14 @@ export default { ...@@ -2173,12 +1675,14 @@ export default {
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
.el-input__inner { .el-input__inner {
color: white !important; color: white !important;
background: none !important; background: none !important;
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
.el-textarea__inner { .el-textarea__inner {
color: white !important; color: white !important;
background: none !important; background: none !important;
...@@ -2186,6 +1690,7 @@ export default { ...@@ -2186,6 +1690,7 @@ export default {
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
white-space: pre-line; white-space: pre-line;
} }
#aa2 { #aa2 {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -2194,13 +1699,16 @@ export default { ...@@ -2194,13 +1699,16 @@ export default {
background-color: white; background-color: white;
margin-top: -40px; margin-top: -40px;
} }
.top-title { .top-title {
width: 100%; width: 100%;
float: left; float: left;
// height: 95px; // height: 95px;
.top-left-div { .top-left-div {
width: 50%; width: 50%;
float: left; float: left;
span { span {
width: 100%; width: 100%;
font-weight: 900; font-weight: 900;
...@@ -2209,12 +1717,14 @@ export default { ...@@ -2209,12 +1717,14 @@ export default {
word-break: break-all; word-break: break-all;
} }
} }
.top-right-div { .top-right-div {
width: calc(50% - 20px); width: calc(50% - 20px);
margin-left: 20px; margin-left: 20px;
float: right; float: right;
} }
} }
.title-div { .title-div {
float: left; float: left;
width: 100%; width: 100%;
...@@ -2222,6 +1732,7 @@ export default { ...@@ -2222,6 +1732,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
margin-top: 10px; margin-top: 10px;
span { span {
position: absolute; position: absolute;
// left: 50px; // left: 50px;
...@@ -2231,50 +1742,68 @@ export default { ...@@ -2231,50 +1742,68 @@ export default {
color: #50d7ec; color: #50d7ec;
} }
} }
.mk-div { .mk-div {
width: 100%; width: 100%;
// height: 206px; // height: 206px;
float: left; float: left;
margin-bottom: 20px; margin-bottom: 20px;
.data-div { .data-div {
width: calc(100% - 40px); width: calc(100% - 40px);
float: left; float: left;
padding: 20px; padding: 20px;
.div_s { .div_s {
width: 100%; width: 100%;
span { span {
font-size: 14px; font-size: 14px;
white-space: pre-line; white-space: pre-line;
word-break: break-all; word-break: break-all;
} }
} }
.pub-div-data { .pub-div-data {
margin: 10px calc(50% - 28px); margin: 10px calc(50% - 28px);
color: #909399; color: #909399;
font-size: 14px; font-size: 14px;
} }
.el-table tr { .el-table tr {
background-color: #233450 !important; background-color: transparent !important;
color: #ffffffc7; color: #ffffffc7;
} }
.el-table td {
border-bottom: 1px solid #5959599c; .el-table thead tr {
border-right: unset; background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th {
padding: 5px; padding: 5px;
.cell { background-color: transparent;
font-size: 12px; }
tbody tr {
border-bottom: 1px solid #252631;
} }
.el-table td {
border-bottom: 1px solid #252631;
border-right: unset;
} }
.el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78; background-color: #82848a78;
} }
.el-table th { .el-table th {
border: unset;
background-color: #293f63b0 !important;
padding: 5px; padding: 5px;
font-size: 13px; border: unset;
letter-spacing: 2px; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
...@@ -2282,26 +1811,26 @@ export default { ...@@ -2282,26 +1811,26 @@ export default {
height: 100px !important; height: 100px !important;
} }
} }
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-download {
color: #1172d8;
cursor: pointer;
font-size: 20px;
}
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-view { .el-icon-view {
color: #00ffff; color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
...@@ -2309,27 +1838,33 @@ export default { ...@@ -2309,27 +1838,33 @@ export default {
} }
} }
} }
.el-card__body { .el-card__body {
padding: 0px; padding: 0px;
} }
.img-div { .img-div {
width: 250px; width: 250px;
float: left; float: left;
margin-top: 50px; margin-top: 50px;
padding: 0px 40px; padding: 0px 40px;
// border: 3px solid #ffffff; // border: 3px solid #ffffff;
.el-upload { .el-upload {
width: 100%; width: 100%;
} }
img { img {
width: 100%; width: 100%;
// height: 300px; // height: 300px;
} }
.top-left-div { .top-left-div {
width: 100%; width: 100%;
float: left; float: left;
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;
span { span {
width: 100%; width: 100%;
font-weight: 900; font-weight: 900;
...@@ -2339,25 +1874,30 @@ export default { ...@@ -2339,25 +1874,30 @@ export default {
} }
} }
} }
.table_jbxx { .table_jbxx {
width: calc(100% - 350px); width: calc(100% - 350px);
margin-left: 20px; margin-left: 20px;
float: left; float: left;
border-spacing: 0px 12px; border-spacing: 0px 12px;
tr { tr {
background: #4343433b; background: #4343433b;
} }
td { td {
padding: 6px 10px; padding: 6px 10px;
font-size: 14px; font-size: 14px;
// max-width: 1; // max-width: 1;
} }
.pub-td1 { .pub-td1 {
color: #8b8b8b; color: #8b8b8b;
font-weight: 900; font-weight: 900;
min-width: 100px; min-width: 100px;
text-align: right; text-align: right;
} }
.pub-td2 { .pub-td2 {
color: #8cd4ff; color: #8cd4ff;
line-height: 28px; line-height: 28px;
...@@ -2366,6 +1906,7 @@ export default { ...@@ -2366,6 +1906,7 @@ export default {
font-weight: 900; font-weight: 900;
} }
} }
.title-divs { .title-divs {
float: left; float: left;
height: 25px; height: 25px;
...@@ -2373,6 +1914,7 @@ export default { ...@@ -2373,6 +1914,7 @@ export default {
// background-image: url("../../assets/img/dfzy/02.png"); // background-image: url("../../assets/img/dfzy/02.png");
// background-size: 100% 100%; // background-size: 100% 100%;
} }
.el-card { .el-card {
border-radius: unset; border-radius: unset;
border: 1px solid #1d2d4600; border: 1px solid #1d2d4600;
...@@ -2381,18 +1923,22 @@ export default { ...@@ -2381,18 +1923,22 @@ export default {
color: #ffff; color: #ffff;
transition: 0.3s; transition: 0.3s;
opacity: 0.93; opacity: 0.93;
.textitem { .textitem {
padding-top: 5px; padding-top: 5px;
cursor: pointer; cursor: pointer;
span { span {
font-size: 15px; font-size: 15px;
color: #8cd4ff; color: #8cd4ff;
} }
} }
} }
.el-card.is-always-shadow { .el-card.is-always-shadow {
box-shadow: none; box-shadow: none;
} }
.xgnr-span { .xgnr-span {
height: 45px; height: 45px;
line-height: 40px; line-height: 40px;
...@@ -2403,6 +1949,7 @@ export default { ...@@ -2403,6 +1949,7 @@ export default {
color: #ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
letter-spacing: 2px; letter-spacing: 2px;
.el-button { .el-button {
border-radius: 0px 5px 0px 5px; border-radius: 0px 5px 0px 5px;
height: 25px; height: 25px;
...@@ -2410,6 +1957,7 @@ export default { ...@@ -2410,6 +1957,7 @@ export default {
padding: 3px 7px; padding: 3px 7px;
} }
} }
.xgnr-div { .xgnr-div {
width: 100%; width: 100%;
height: 150px; height: 150px;
...@@ -2417,11 +1965,13 @@ export default { ...@@ -2417,11 +1965,13 @@ export default {
background: #233450; background: #233450;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
div { div {
margin-top: 59px; margin-top: 59px;
display: inline-table; display: inline-table;
color: #adadad; color: #adadad;
} }
// .el-tabs--border-card { // .el-tabs--border-card {
// background: #ececec; // background: #ececec;
// border: 1px solid #1d2d46; // border: 1px solid #1d2d46;
...@@ -2441,12 +1991,14 @@ export default { ...@@ -2441,12 +1991,14 @@ export default {
margin: 0px; margin: 0px;
width: 100%; width: 100%;
height: 100%; height: 100%;
li { li {
color: #26cc98; color: #26cc98;
float: left; float: left;
width: calc(100% - 38px); width: calc(100% - 38px);
line-height: 33px; line-height: 33px;
text-align: left; text-align: left;
span { span {
color: #ffffff; color: #ffffff;
float: left; float: left;
...@@ -2458,15 +2010,18 @@ export default { ...@@ -2458,15 +2010,18 @@ export default {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
span:hover { span:hover {
color: #65add6; color: #65add6;
} }
} }
li:nth-child(even) { li:nth-child(even) {
// background: #2b4064; // background: #2b4064;
} }
} }
} }
.back { .back {
width: 40px; width: 40px;
height: 40px; height: 40px;
...@@ -2475,59 +2030,91 @@ export default { ...@@ -2475,59 +2030,91 @@ export default {
right: 80px; right: 80px;
cursor: pointer; cursor: pointer;
} }
.table-div { .table-div {
width: 100%; width: 100%;
height: 500px; height: 500px;
margin-top: 20px; margin-top: 20px;
margin-left: 0px; margin-left: 0px;
background: #1d2d47; background: #1d2d47;
.el-table__body-wrapper { .el-table__body-wrapper {
height: 452px; height: 452px;
overflow-y: auto; overflow-y: auto;
} }
.cell { .cell {
text-align: center; text-align: center;
} }
.el-table tr { .el-table tr {
background-color: #1d2d46 !important; background-color: transparent !important;
color: #ffffffc7; color: #ffffffc7;
} }
.el-table thead tr {
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th {
padding: 5px;
background-color: transparent;
}
tbody tr {
border-bottom: 1px solid #252631;
}
.el-table td { .el-table td {
border-bottom: 1px solid #127a89; border-bottom: 1px solid #252631;
border-right: unset; border-right: unset;
} }
.el-table__body tr:hover > td {
background-color: #00000000; .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78;
} }
.el-table th { .el-table th {
padding: 5px;
border: unset; border: unset;
background-color: #263b5d !important; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
} }
.el-table__empty-block {
height: 100px !important;
}
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-delete {
color: red; .el-icon-view {
color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
background-color: unset; background-color: unset;
} }
} }
.el-tabs--border-card { .el-tabs--border-card {
// width: calc(100% - 4px); // width: calc(100% - 4px);
// height: calc(100% - 4px); // height: calc(100% - 4px);
...@@ -2535,23 +2122,28 @@ export default { ...@@ -2535,23 +2122,28 @@ export default {
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
background: #ffffff00; background: #ffffff00;
> .el-tabs__content {
>.el-tabs__content {
width: 100%; width: 100%;
// height: calc(100% - 40px); // height: calc(100% - 40px);
box-sizing: border-box; box-sizing: border-box;
} }
> .el-tabs__header {
>.el-tabs__header {
background-color: unset; background-color: unset;
border-bottom: 2px solid #125473; border-bottom: 2px solid #125473;
.el-tabs__item { .el-tabs__item {
color: #dedede; color: #dedede;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #ffe000; color: #ffe000;
background-color: #116791; background-color: #116791;
border-right-color: #116791; border-right-color: #116791;
border-left-color: #116791; border-left-color: #116791;
} }
.el-tabs__item:not(.is-disabled):hover { .el-tabs__item:not(.is-disabled):hover {
color: #ffe000; color: #ffe000;
} }
......
src/view/dfzy/rw_info.vue
View file @ 15729245
...@@ -2187,54 +2187,62 @@ export default { ...@@ -2187,54 +2187,62 @@ export default {
font-size: 14px; font-size: 14px;
} }
.el-table tr { .el-table tr {
background-color: #233450 !important; background-color: transparent !important;
color: #ffffffc7; color: #ffffffc7;
} }
.el-table td {
border-bottom: 1px solid #5959599c; .el-table thead tr {
border-right: unset; background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th {
padding: 5px; padding: 5px;
.cell { background-color: transparent;
font-size: 12px; }
tbody tr {
border-bottom: 1px solid #252631;
} }
.el-table td {
border-bottom: 1px solid #252631;
border-right: unset;
} }
.el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78; background-color: #82848a78;
} }
.el-table th { .el-table th {
border: unset;
background-color: #293f63b0 !important;
padding: 5px; padding: 5px;
font-size: 13px; border: unset;
letter-spacing: 2px; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
.el-table__empty-block {
height: 100px !important;
}
} }
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-download {
color: #1172d8;
cursor: pointer;
font-size: 20px;
}
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-view { .el-icon-view {
color: #00ffff; color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
...@@ -2422,39 +2430,62 @@ export default { ...@@ -2422,39 +2430,62 @@ export default {
text-align: center; text-align: center;
} }
.el-table tr { .el-table tr {
background-color: #1d2d46 !important; background-color: transparent !important;
color: #ffffffc7; color: #ffffffc7;
} }
.el-table thead tr {
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th {
padding: 5px;
background-color: transparent;
}
tbody tr {
border-bottom: 1px solid #252631;
}
.el-table td { .el-table td {
border-bottom: 1px solid #127a89; border-bottom: 1px solid #252631;
border-right: unset; border-right: unset;
} }
.el-table__body tr:hover > td {
background-color: #00000000; .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78;
} }
.el-table th { .el-table th {
padding: 5px;
border: unset; border: unset;
background-color: #263b5d !important; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
} }
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-delete {
color: red; .el-icon-view {
color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
......
src/view/flfg/flfg1.vue
View file @ 15729245
<template> <template>
<div id="flfg1"> <div id="flfg1">
<div class="search"> <div class="search">
<el-switch <el-switch v-model="valueSelect" active-text="全文检索" inactive-text="按名称搜索" active-color="#409EFF"
v-model="valueSelect" inactive-color="rgb(19, 206, 102)" v-show="flag == 1"></el-switch>
active-text="全文检索"
inactive-text="按名称搜索"
active-color="#409EFF"
inactive-color="rgb(19, 206, 102)"
v-show="flag == 1"
></el-switch>
<el-input v-model="input"></el-input> <el-input v-model="input"></el-input>
<div class="button-back" @click="flag = 1" v-show="flag != 1"> <div class="button-back" @click="flag = 1" v-show="flag != 1">
返回主界面 返回主界面
...@@ -35,30 +29,17 @@ ...@@ -35,30 +29,17 @@
<div class="card-content"> <div class="card-content">
<div class="content-img"> <div class="content-img">
<div v-for="(item1, index1) in item.img"> <div v-for="(item1, index1) in item.img">
<img <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
:src="PickerPath_url + item1.folder + '/' + item1.image" @contextmenu.prevent.stop="showInfo(item1)" />
alt=""
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
/>
</div> </div>
</div> </div>
<div class="content-list"> <div class="content-list">
<ul> <ul>
<li <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
v-for="(item1, index1) in item.lawList" @contextmenu.prevent.stop="showInfo(item1)">
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
>
<div class="mark"></div> <div class="mark"></div>
<div <div v-text="item1.originName" :title="item1.originName"></div>
v-text="item1.originName" <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
:title="item1.originName"
></div>
<div
v-text="item1.createTime.slice(5, 10)"
:title="item1.createTime"
></div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -68,7 +49,9 @@ ...@@ -68,7 +49,9 @@
</div> </div>
<div class="internalLaw"> <div class="internalLaw">
<div class="internalLaw-title test-span-div"><div class="png-div"></div>对内内部法规<div class="png-div1"></div></div> <div class="internalLaw-title test-span-div">
<div class="png-div"></div>对内内部法规<div class="png-div1"></div>
</div>
<div class="background-div"></div> <div class="background-div"></div>
<div class="internalLaw-content"> <div class="internalLaw-content">
...@@ -82,30 +65,17 @@ ...@@ -82,30 +65,17 @@
<div class="card-content"> <div class="card-content">
<div class="content-img"> <div class="content-img">
<div v-for="(item1, index1) in item.img"> <div v-for="(item1, index1) in item.img">
<img <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
:src="PickerPath_url + item1.folder + '/' + item1.image" @dblclick="showInfo(item1)" />
alt=""
@click="viewLiterature(item1)"
@dblclick="showInfo(item1)"
/>
</div> </div>
</div> </div>
<div class="content-list"> <div class="content-list">
<ul> <ul>
<li <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
v-for="(item1, index1) in item.lawList" @contextmenu.prevent.stop="showInfo(item1)">
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
>
<div class="mark"></div> <div class="mark"></div>
<div <div v-text="item1.originName" :title="item1.originName"></div>
v-text="item1.originName" <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
:title="item1.originName"
></div>
<div
v-text="item1.createTime.slice(5, 10)"
:title="item1.createTime"
></div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -115,7 +85,9 @@ ...@@ -115,7 +85,9 @@
</div> </div>
<div class="domesticLaw"> <div class="domesticLaw">
<div class="domesticLaw-title test-span-div"><div class="png-div"></div>我国内军内法规<div class="png-div1"></div></div> <div class="domesticLaw-title test-span-div">
<div class="png-div"></div>我国内军内法规<div class="png-div1"></div>
</div>
<div class="background-div"></div> <div class="background-div"></div>
<div class="domesticLaw-content"> <div class="domesticLaw-content">
...@@ -129,30 +101,17 @@ ...@@ -129,30 +101,17 @@
<div class="card-content"> <div class="card-content">
<div class="content-img"> <div class="content-img">
<div v-for="(item1, index1) in item.img"> <div v-for="(item1, index1) in item.img">
<img <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
:src="PickerPath_url + item1.folder + '/' + item1.image" @contextmenu.prevent.stop="showInfo(item1)" />
alt=""
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
/>
</div> </div>
</div> </div>
<div class="content-list"> <div class="content-list">
<ul> <ul>
<li <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
v-for="(item1, index1) in item.lawList" @contextmenu.prevent.stop="showInfo(item1)">
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
>
<div class="mark"></div> <div class="mark"></div>
<div <div v-text="item1.originName" :title="item1.originName"></div>
v-text="item1.originName" <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
:title="item1.originName"
></div>
<div
v-text="item1.createTime.slice(5, 10)"
:title="item1.createTime"
></div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -179,17 +138,9 @@ ...@@ -179,17 +138,9 @@
</tbody> </tbody>
</table> </table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" :current-page="currentPage" :page-size="everySize" :total="total" @current-change="handleCurrentChange"
background @size-change="handleSizeChange" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
:current-page="currentPage"
:page-size="everySize"
:total="total"
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
...@@ -197,44 +148,22 @@ ...@@ -197,44 +148,22 @@
<div id="flfgKinds" v-show="flag == 3"> <div id="flfgKinds" v-show="flag == 3">
<div class="flfgKinds-content"> <div class="flfgKinds-content">
<div class="left-content"> <div class="left-content">
<el-tree <el-tree :data="treeData" @node-click="handleNodeClick" highlight-current></el-tree>
:data="treeData"
@node-click="handleNodeClick"
highlight-current
></el-tree>
</div> </div>
<div class="right-content"> <div class="right-content">
<el-table <el-table :data="literatureListKinds" @row-click="viewLiterature">
:data="literatureListKinds"
style="width: 100%; height: calc(100% - 50px)"
height="calc(100% - 50px)"
:header-cell-style="{ color: 'white', background: '#263b5d' }"
:row-style="{ color: 'white', background: '#1d2d46' }"
@row-click="viewLiterature"
>
<el-table-column type="index" label="序号" width="180"> <el-table-column type="index" label="序号" width="180">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="originName" label="文件名11" show-overflow-tooltip="">
prop="originName"
label="文件名"
show-overflow-tooltip=""
>
</el-table-column> </el-table-column>
<el-table-column prop="createTime" label="上传时间" width="250"> <el-table-column prop="createTime" label="上传时间" width="250">
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" :page-size="everySizeKinds" :current-page="currentPageKinds" :total="totalKinds"
background @current-change="handleCurrentChangeKinds" @size-change="handleSizeChangeKinds"
layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100]">
:page-size="everySizeKinds"
:current-page="currentPageKinds"
:total="totalKinds"
@current-change="handleCurrentChangeKinds"
@size-change="handleSizeChangeKinds"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
...@@ -242,21 +171,13 @@ ...@@ -242,21 +171,13 @@
</div> </div>
<div id="literatureInfo" v-show="flag == 4" v-if="pickObj.attachment"> <div id="literatureInfo" v-show="flag == 4" v-if="pickObj.attachment">
<div <div class="literatureInfo" v-html="pickObj.attachment.content" @contextmenu.prevent.stop="openMenu($event)"></div>
class="literatureInfo" <div v-show="visible" :style="{
v-html="pickObj.attachment.content"
@contextmenu.prevent.stop="openMenu($event)"
></div>
<div
v-show="visible"
:style="{
position: 'absolute', position: 'absolute',
backgroundColor: 'white', backgroundColor: 'white',
left: left + 'px', left: left + 'px',
top: top + 'px', top: top + 'px',
}" }" class="contextmenu">
class="contextmenu"
>
<ul> <ul>
<li @click="relatedPerson">关联人物</li> <li @click="relatedPerson">关联人物</li>
<li @click="relatedOrganization">关联机构</li> <li @click="relatedOrganization">关联机构</li>
...@@ -268,14 +189,9 @@ ...@@ -268,14 +189,9 @@
<div class="xgtj-div" v-show="flag == 4" v-if="pickObj.attachment"> <div class="xgtj-div" v-show="flag == 4" v-if="pickObj.attachment">
<div>相关推荐</div> <div>相关推荐</div>
<ul> <ul>
<li <li v-for="(item, index) in xgtj_news_data" v-show="item.id != getNews.id"
v-for="(item, index) in xgtj_news_data" :title="item.title_zh == null ? item.title : item.title_zh" @click="showInfo(item)">
v-show="item.id != getNews.id" <span>{{ index + 1 + "：" }}</span>{{ item.title_zh == null ? item.title : item.title_zh }}
:title="item.title_zh == null ? item.title : item.title_zh"
@click="showInfo(item)"
>
<span>{{ index + 1 + "：" }}</span
>{{ item.title_zh == null ? item.title : item.title_zh }}
</li> </li>
</ul> </ul>
</div> </div>
...@@ -292,55 +208,29 @@ ...@@ -292,55 +208,29 @@
<tbody> <tbody>
<tr v-for="(item, index) in fulltextLiteratureList"> <tr v-for="(item, index) in fulltextLiteratureList">
<td v-text="returnName(item.folder)"></td> <td v-text="returnName(item.folder)"></td>
<td <td v-text="item.literatureOriginName" @click="viewLiterature(item)"></td>
v-text="item.literatureOriginName"
@click="viewLiterature(item)"
></td>
<td v-html="item.highLight" :title="item.highLight"></td> <td v-html="item.highLight" :title="item.highLight"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" :page-size="fulltextPagination.everySize" :current-page="fulltextPagination.currentPage"
background @current-change="handleCurrentChangeFulltext" :total="fulltextPagination.total"
layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChangeFulltext" :page-sizes="[10, 20, 50, 100]">
:page-size="fulltextPagination.everySize"
:current-page="fulltextPagination.currentPage"
@current-change="handleCurrentChangeFulltext"
:total="fulltextPagination.total"
@size-change="handleSizeChangeFulltext"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<el-dialog <el-dialog title="关联人物" :visible.sync="dialogVisiblePerson" width="30%" :before-close="handleClose">
title="关联人物"
:visible.sync="dialogVisiblePerson"
width="30%"
:before-close="handleClose"
>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
type="textarea" disabled style="width: 70%"></el-input>
:autosize="{ minRows: 2, maxRows: 10 }"
placeholder="请输入内容"
v-model="selectText"
disabled
style="width: 70%"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="搜索人物"> <el-form-item label="搜索人物">
<el-autocomplete <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
v-model="state" @select="handleSelect" style="width: 70%"></el-autocomplete>
:fetch-suggestions="querySearchAsync"
placeholder="请输入内容"
@select="handleSelect"
style="width: 70%"
></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="选择类型"> <el-form-item label="选择类型">
<el-select v-model="personType" style="width: 70%"> <el-select v-model="personType" style="width: 70%">
...@@ -359,31 +249,15 @@ ...@@ -359,31 +249,15 @@
<el-button type="primary" @click="defineRelatedPerson">确 定</el-button> <el-button type="primary" @click="defineRelatedPerson">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="关联机构" :visible.sync="dialogVisibleOrganization" width="30%" :before-close="handleClose">
title="关联机构"
:visible.sync="dialogVisibleOrganization"
width="30%"
:before-close="handleClose"
>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
type="textarea" disabled style="width: 70%"></el-input>
:autosize="{ minRows: 2, maxRows: 10 }"
placeholder="请输入内容"
v-model="selectText"
disabled
style="width: 70%"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="搜索机构"> <el-form-item label="搜索机构">
<el-autocomplete <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsyncOrganization" placeholder="请输入内容"
v-model="state" @select="handleSelect" style="width: 70%"></el-autocomplete>
:fetch-suggestions="querySearchAsyncOrganization"
placeholder="请输入内容"
@select="handleSelect"
style="width: 70%"
></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="选择类型"> <el-form-item label="选择类型">
<el-select v-model="organizationType" style="width: 70%"> <el-select v-model="organizationType" style="width: 70%">
...@@ -402,134 +276,86 @@ ...@@ -402,134 +276,86 @@
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleOrganization = false">取 消</el-button> <el-button @click="dialogVisibleOrganization = false">取 消</el-button>
<el-button type="primary" @click="defineRelatedOrganization" <el-button type="primary" @click="defineRelatedOrganization">确 定</el-button>
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="添加标签" :visible.sync="dialogVisibleTag" width="30%" :before-close="handleClose">
title="添加标签" <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
:visible.sync="dialogVisibleTag"
width="30%"
:before-close="handleClose"
>
<el-tag
:key="tag"
v-for="tag in dynamicTags"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
{{ tag }} {{ tag }}
</el-tag> </el-tag>
<el-input <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
class="input-new-tag" @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm"
@blur="handleInputConfirm"
>
</el-input> </el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput" <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 标签</el-button>
>+ 标签</el-button
>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleTag = false">取 消</el-button> <el-button @click="dialogVisibleTag = false">取 消</el-button>
<el-button type="primary" @click="defineAddTag">确 定</el-button> <el-button type="primary" @click="defineAddTag">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="添加收藏" :visible.sync="dialogVisibleCollection" width="20%" :before-close="handleClose">
title="添加收藏"
:visible.sync="dialogVisibleCollection"
width="20%"
:before-close="handleClose"
>
<ul> <ul>
<li <li v-for="(item, index) in collectionFolder" @click.stop="addFolder(item, index)"
v-for="(item, index) in collectionFolder" :style="{ background: index == selectIndex ? '#f56c6c' : '' }">
@click.stop="addFolder(item, index)"
:style="{ background: index == selectIndex ? '#f56c6c' : '' }"
>
<span class="el-icon-folder-opened"></span>&emsp;{{ item.name }} <span class="el-icon-folder-opened"></span>&emsp;{{ item.name }}
<el-button <el-button class="delete" type="text" size="mini" @click.stop.native="delectCollectionFolder(item.id)">
class="delete"
type="text"
size="mini"
@click.stop.native="delectCollectionFolder(item.id)"
>
<i class="el-icon-error"></i> <i class="el-icon-error"></i>
</el-button> </el-button>
</li> </li>
</ul> </ul>
<el-dialog <el-dialog width="30%" title="新增收藏夹" :visible.sync="innerVisible" append-to-body>
width="30%"
title="新增收藏夹"
:visible.sync="innerVisible"
append-to-body
>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="名称"> <el-form-item label="名称">
<el-input <el-input v-model="collectionName" placeholder="请输入收藏夹名称" @click.stop.native="stopstop"
v-model="collectionName" style="width: 70%"></el-input>
placeholder="请输入收藏夹名称"
@click.stop.native="stopstop"
style="width: 70%"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click.stop="innerVisible = false" <el-button size="mini" @click.stop="innerVisible = false">取 消</el-button>
>取 消</el-button <el-button size="mini" type="danger" @click.stop="addCollectionFolder()">确 定</el-button>
>
<el-button
size="mini"
type="danger"
@click.stop="addCollectionFolder()"
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="" size="mini" @click.stop="defineAddCollection" <el-button type="" size="mini" @click.stop="defineAddCollection">确定</el-button>
>确定</el-button <el-button type="danger" size="mini" @click.stop="innerVisible = true">新增收藏夹</el-button>
>
<el-button type="danger" size="mini" @click.stop="innerVisible = true"
>新增收藏夹</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
#flfg1 { #flfg1 {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 40px; padding: 40px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
.search { .search {
width: 100%; width: 100%;
height: 50px; height: 50px;
// line-height: 50px; // line-height: 50px;
text-align: right; text-align: right;
.el-switch { .el-switch {
margin-right: 15px; margin-right: 15px;
.el-switch__label * { .el-switch__label * {
line-height: normal; line-height: normal;
} }
.el-switch__label { .el-switch__label {
color: white; color: white;
} }
.is-active { .is-active {
color: #409eff; color: #409eff;
} }
} }
.el-input { .el-input {
width: 200px; width: 200px;
margin-right: 15px; margin-right: 15px;
input { input {
height: 30px; height: 30px;
color: white; color: white;
...@@ -538,6 +364,7 @@ ...@@ -538,6 +364,7 @@
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
} }
.button-search { .button-search {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -551,6 +378,7 @@ ...@@ -551,6 +378,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-upload { .button-upload {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -564,6 +392,7 @@ ...@@ -564,6 +392,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-back { .button-back {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -577,11 +406,13 @@ ...@@ -577,11 +406,13 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.flfg1-content { .flfg1-content {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
.background-div { .background-div {
width: 100%; width: 100%;
height: 40px; height: 40px;
...@@ -589,9 +420,11 @@ ...@@ -589,9 +420,11 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.internationalLaw { .internationalLaw {
float: left; float: left;
width: 100%; width: 100%;
.internationalLaw-title { .internationalLaw-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -605,6 +438,7 @@ ...@@ -605,6 +438,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.png-div { .png-div {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -614,6 +448,7 @@ ...@@ -614,6 +448,7 @@
margin-right: 30px; margin-right: 30px;
margin-top: 13px; margin-top: 13px;
} }
.png-div1 { .png-div1 {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -625,8 +460,10 @@ ...@@ -625,8 +460,10 @@
margin-top: 13px; margin-top: 13px;
} }
} }
.internationalLaw-content { .internationalLaw-content {
height: 1206px; height: 1206px;
.content-card { .content-card {
width: calc(100% / 3 - 100px / 3); width: calc(100% / 3 - 100px / 3);
height: 402px; height: 402px;
...@@ -634,6 +471,7 @@ ...@@ -634,6 +471,7 @@
margin: 15px; margin: 15px;
background-image: url(../../assets/img/flfg/new/5.png); background-image: url(../../assets/img/flfg/new/5.png);
background-size: 100% 100%; background-size: 100% 100%;
.card-title { .card-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -641,14 +479,17 @@ ...@@ -641,14 +479,17 @@
padding-left: 40px; padding-left: 40px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
img { img {
width: 60px; width: 60px;
} }
span { span {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
letter-spacing: 5px; letter-spacing: 5px;
} }
.el-icon-more { .el-icon-more {
float: right; float: right;
margin-top: 15px; margin-top: 15px;
...@@ -658,25 +499,30 @@ ...@@ -658,25 +499,30 @@
cursor: pointer; cursor: pointer;
} }
} }
.card-content { .card-content {
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
.content-img { .content-img {
width: 100%; width: 100%;
height: 100px; height: 100px;
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
div { div {
width: calc(50% - 60px); width: calc(50% - 60px);
height: 100px; height: 100px;
float: left; float: left;
margin-left: 42px; margin-left: 42px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -684,16 +530,20 @@ ...@@ -684,16 +530,20 @@
} }
} }
} }
.content-list { .content-list {
width: 100%; width: 100%;
height: calc(100% - 130px); height: calc(100% - 130px);
margin-top: 10px; margin-top: 10px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
ul { ul {
width: calc(100% - 70px); width: calc(100% - 70px);
li { li {
width: 100%; width: 100%;
height: 30px; height: 30px;
...@@ -705,6 +555,7 @@ ...@@ -705,6 +555,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
div { div {
&:first-child { &:first-child {
width: 5px; width: 5px;
...@@ -717,6 +568,7 @@ ...@@ -717,6 +568,7 @@
background-color: grey; background-color: grey;
opacity: 0.5; opacity: 0.5;
} }
&:nth-child(2) { &:nth-child(2) {
width: 70%; width: 70%;
float: left; float: left;
...@@ -724,9 +576,11 @@ ...@@ -724,9 +576,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
&:last-child { &:last-child {
float: right; float: right;
} }
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -740,10 +594,12 @@ ...@@ -740,10 +594,12 @@
} }
} }
} }
.internalLaw { .internalLaw {
margin-top: 10px; margin-top: 10px;
float: left; float: left;
width: 100%; width: 100%;
.internalLaw-title { .internalLaw-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -757,6 +613,7 @@ ...@@ -757,6 +613,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.png-div { .png-div {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -766,6 +623,7 @@ ...@@ -766,6 +623,7 @@
margin-right: 30px; margin-right: 30px;
margin-top: 13px; margin-top: 13px;
} }
.png-div1 { .png-div1 {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -777,8 +635,10 @@ ...@@ -777,8 +635,10 @@
margin-top: 13px; margin-top: 13px;
} }
} }
.internalLaw-content { .internalLaw-content {
height: 402px; height: 402px;
.content-card { .content-card {
width: calc(100% / 3 - 100px / 3); width: calc(100% / 3 - 100px / 3);
height: 100%; height: 100%;
...@@ -786,6 +646,7 @@ ...@@ -786,6 +646,7 @@
margin: 15px; margin: 15px;
background-image: url(../../assets/img/flfg/new/5.png); background-image: url(../../assets/img/flfg/new/5.png);
background-size: 100% 100%; background-size: 100% 100%;
.card-title { .card-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -793,14 +654,17 @@ ...@@ -793,14 +654,17 @@
padding-left: 40px; padding-left: 40px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
img { img {
width: 60px; width: 60px;
} }
span { span {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
letter-spacing: 5px; letter-spacing: 5px;
} }
.el-icon-more { .el-icon-more {
float: right; float: right;
margin-top: 15px; margin-top: 15px;
...@@ -810,12 +674,14 @@ ...@@ -810,12 +674,14 @@
cursor: pointer; cursor: pointer;
} }
} }
.card-content { .card-content {
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
// background-image: url(../../assets/img/flfg/cardContent.png); // background-image: url(../../assets/img/flfg/cardContent.png);
// background-size: 100% 100%; // background-size: 100% 100%;
.content-img { .content-img {
...@@ -823,14 +689,17 @@ ...@@ -823,14 +689,17 @@
height: 100px; height: 100px;
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
div { div {
width: calc(50% - 60px); width: calc(50% - 60px);
height: 100px; height: 100px;
float: left; float: left;
margin-left: 42px; margin-left: 42px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -838,15 +707,19 @@ ...@@ -838,15 +707,19 @@
} }
} }
} }
.content-list { .content-list {
height: calc(100% - 130px); height: calc(100% - 130px);
margin-top: 10px; margin-top: 10px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
ul { ul {
width: calc(100% - 70px); width: calc(100% - 70px);
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -857,6 +730,7 @@ ...@@ -857,6 +730,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
div { div {
&:first-child { &:first-child {
width: 5px; width: 5px;
...@@ -869,6 +743,7 @@ ...@@ -869,6 +743,7 @@
background-color: grey; background-color: grey;
opacity: 0.5; opacity: 0.5;
} }
&:nth-child(2) { &:nth-child(2) {
width: 70%; width: 70%;
float: left; float: left;
...@@ -876,9 +751,11 @@ ...@@ -876,9 +751,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
&:last-child { &:last-child {
float: right; float: right;
} }
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -892,10 +769,12 @@ ...@@ -892,10 +769,12 @@
} }
} }
} }
.domesticLaw { .domesticLaw {
margin-top: 10px; margin-top: 10px;
float: left; float: left;
width: 100%; width: 100%;
.domesticLaw-title { .domesticLaw-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -909,6 +788,7 @@ ...@@ -909,6 +788,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.png-div { .png-div {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -918,6 +798,7 @@ ...@@ -918,6 +798,7 @@
margin-right: 30px; margin-right: 30px;
margin-top: 13px; margin-top: 13px;
} }
.png-div1 { .png-div1 {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -929,8 +810,10 @@ ...@@ -929,8 +810,10 @@
margin-top: 13px; margin-top: 13px;
} }
} }
.domesticLaw-content { .domesticLaw-content {
height: 402px; height: 402px;
.content-card { .content-card {
width: calc(100% / 3 - 100px / 3); width: calc(100% / 3 - 100px / 3);
height: 100%; height: 100%;
...@@ -938,6 +821,7 @@ ...@@ -938,6 +821,7 @@
margin: 15px; margin: 15px;
background-image: url(../../assets/img/flfg/new/5.png); background-image: url(../../assets/img/flfg/new/5.png);
background-size: 100% 100%; background-size: 100% 100%;
.card-title { .card-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -945,14 +829,17 @@ ...@@ -945,14 +829,17 @@
padding-left: 40px; padding-left: 40px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
img { img {
width: 60px; width: 60px;
} }
span { span {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
letter-spacing: 5px; letter-spacing: 5px;
} }
.el-icon-more { .el-icon-more {
float: right; float: right;
margin-top: 15px; margin-top: 15px;
...@@ -962,12 +849,14 @@ ...@@ -962,12 +849,14 @@
cursor: pointer; cursor: pointer;
} }
} }
.card-content { .card-content {
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
// background-image: url(../../assets/img/flfg/cardContent.png); // background-image: url(../../assets/img/flfg/cardContent.png);
// background-size: 100% 100%; // background-size: 100% 100%;
.content-img { .content-img {
...@@ -975,14 +864,17 @@ ...@@ -975,14 +864,17 @@
height: 100px; height: 100px;
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
div { div {
width: calc(50% - 60px); width: calc(50% - 60px);
height: 100px; height: 100px;
float: left; float: left;
margin-left: 42px; margin-left: 42px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -990,15 +882,19 @@ ...@@ -990,15 +882,19 @@
} }
} }
} }
.content-list { .content-list {
height: calc(100% - 130px); height: calc(100% - 130px);
margin-top: 10px; margin-top: 10px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
ul { ul {
width: calc(100% - 70px); width: calc(100% - 70px);
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1009,6 +905,7 @@ ...@@ -1009,6 +905,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
div { div {
&:first-child { &:first-child {
width: 5px; width: 5px;
...@@ -1021,6 +918,7 @@ ...@@ -1021,6 +918,7 @@
background-color: grey; background-color: grey;
opacity: 0.5; opacity: 0.5;
} }
&:nth-child(2) { &:nth-child(2) {
width: 70%; width: 70%;
float: left; float: left;
...@@ -1028,9 +926,11 @@ ...@@ -1028,9 +926,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
&:last-child { &:last-child {
float: right; float: right;
} }
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -1045,62 +945,76 @@ ...@@ -1045,62 +945,76 @@
} }
} }
} }
.searchResult { .searchResult {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
overflow-y: auto; overflow-y: auto;
table { table {
width: 100%; width: 100%;
height: calc(100% - 60px); height: calc(100% - 60px);
text-align: center; text-align: center;
thead { thead {
display: table; display: table;
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
tr { tr {
height: 50px; height: 50px;
color: white; color: white;
text-align: center; text-align: center;
background-image: url(../../assets/img/flfg/new/4.png); background-image: url(../../assets/img/flfg/new/4.png);
background-size: 100% 100%; background-size: 100% 100%;
td { td {
&:first-child { &:first-child {
width: 180px; width: 180px;
text-align: center; text-align: center;
} }
&:last-child { &:last-child {
width: 150px; width: 150px;
} }
} }
} }
} }
tbody { tbody {
height: calc(100% - 50px); height: calc(100% - 50px);
display: block; display: block;
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; // 隐藏滚动条 display: none; // 隐藏滚动条
} }
tr { tr {
display: table; display: table;
width: 100%; width: 100%;
border-bottom: 1px solid #91919170; border-bottom: 1px solid #91919170;
table-layout: fixed; table-layout: fixed;
box-shadow: 0px 0px 10px #292929; box-shadow: 0px 0px 10px #292929;
td { td {
color: white; color: white;
&:first-child { &:first-child {
width: 180px; width: 180px;
text-align: center; text-align: center;
} }
&:last-child { &:last-child {
width: 150px; width: 150px;
span:hover { span:hover {
color: green; color: green;
cursor: pointer; cursor: pointer;
} }
} }
&:nth-child(2):hover { &:nth-child(2):hover {
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
...@@ -1111,15 +1025,18 @@ ...@@ -1111,15 +1025,18 @@
} }
} }
} }
.fulltext { .fulltext {
td { td {
&:first-child { &:first-child {
width: 180px; width: 180px;
} }
&:last-child { &:last-child {
width: 250px; width: 250px;
} }
} }
tbody { tbody {
td { td {
&:nth-child(3) { &:nth-child(3) {
...@@ -1131,9 +1048,11 @@ ...@@ -1131,9 +1048,11 @@
} }
} }
} }
em { em {
color: red; color: red;
} }
.pagination-div { .pagination-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -1142,13 +1061,16 @@ ...@@ -1142,13 +1061,16 @@
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -1157,17 +1079,20 @@ ...@@ -1157,17 +1079,20 @@
} }
} }
} }
//分类 //分类
#flfgKinds { #flfgKinds {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
color: white; color: white;
overflow: hidden; overflow: hidden;
// background-image: url(../../assets/img/main/background.png); // background-image: url(../../assets/img/main/background.png);
// background-size: 100% 100%; // background-size: 100% 100%;
.flfgKinds-content { .flfgKinds-content {
width: 100%; width: 100%;
height: 100%; height: 100%;
.left-content { .left-content {
width: 250px; width: 250px;
height: 100%; height: 100%;
...@@ -1177,40 +1102,40 @@ ...@@ -1177,40 +1102,40 @@
box-sizing: border-box; box-sizing: border-box;
background: url("../../assets/img/yqjc/01.png") no-repeat; background: url("../../assets/img/yqjc/01.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.el-tree { .el-tree {
margin-top: 10px; margin-top: 10px;
color: white; color: white;
background: transparent; background: transparent;
.el-tree-node__content { .el-tree-node__content {
height: 40px; height: 40px;
} }
} }
.el-tree > .el-tree-node > .el-tree-node__content {
.el-tree>.el-tree-node>.el-tree-node__content {
height: 40px; height: 40px;
background-image: url(../../assets/img/yqjc/24.png); background-image: url(../../assets/img/yqjc/24.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-tree
> .el-tree-node .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content {
> .el-tree-node__children
> .el-tree-node
> .el-tree-node__content {
height: 40px; height: 40px;
// background-image: url(../../assets/img/yqjc/24.png); // background-image: url(../../assets/img/yqjc/24.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-tree
> .el-tree-node .el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
> .el-tree-node__content
> .el-tree-node__label {
font-size: 14px !important; font-size: 14px !important;
} }
.el-tree > .el-tree-node > .el-tree-node__children {
.el-tree>.el-tree-node>.el-tree-node__children {
background-color: #1d2d46 !important; background-color: #1d2d46 !important;
} }
.el-tree-node:focus > .el-tree-node__content {
.el-tree-node:focus>.el-tree-node__content {
background-color: #00648a96 !important; background-color: #00648a96 !important;
// border-radius: 5px; // border-radius: 5px;
} }
...@@ -1220,13 +1145,13 @@ ...@@ -1220,13 +1145,13 @@
background-color: #00648a96 !important; background-color: #00648a96 !important;
// border-radius: 5px; // border-radius: 5px;
} }
.el-tree--highlight-current
.el-tree-node.is-current .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
> .el-tree-node__content {
background-color: #00648a96 !important; background-color: #00648a96 !important;
// border-radius: 5px; // border-radius: 5px;
} }
} }
.right-content { .right-content {
width: calc(100% - 270px); width: calc(100% - 270px);
height: 100%; height: 100%;
...@@ -1236,49 +1161,75 @@ ...@@ -1236,49 +1161,75 @@
background: url("../../assets/img/yqjc/02.png") no-repeat; background: url("../../assets/img/yqjc/02.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
.el-table--enable-row-hover {
.el-table__body tr {
&:hover > td {
background-color: #82848a78 !important;
}
}
}
.el-table { .el-table {
background-color: transparent !important;
.el-table__header-wrapper {
width: 100%; width: 100%;
height: 48px; height: calc(100% - 50px);
} }
.el-table__body-wrapper {
width: 100%; .el-table tr {
height: calc(100% - 48px); background-color: transparent !important;
color: #ffffffc7;
} }
th.is-leaf {
border-bottom: 1px solid #185066; .el-table thead tr {
height: 40px;
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
} }
.gutter {
background-color: #263b5d; .el-table th {
background-color: transparent;
} }
&::before {
display: none; tbody tr {
border-bottom: 1px solid #252631;
} }
td {
border-bottom: 1px solid #185066; .el-table td {
&:nth-child(2) { border-bottom: 1px solid #252631;
.el-tag { border-right: unset;
height: 20px;
padding: 0px 8px;
line-height: 19px;
} }
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78;
} }
.el-switch__label {
color: white; .el-table th {
border: unset;
// background-color: #263b5d !important;
} }
.is-active {
color: #409eff !important; .el-table--fit {
background: none !important;
border: unset;
} }
.el-icon-delete-solid {
color: red;
cursor: pointer;
font-size: 18px;
}
.el-icon-edit {
color: #1172d8;
cursor: pointer;
font-size: 20px;
}
.el-icon-view {
color: #00ffff;
font-size: 20px;
cursor: pointer;
} }
.el-table--group::after,
.el-table--border::after,
.el-table::before {
background-color: unset;
} }
.pagination-div { .pagination-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -1287,13 +1238,16 @@ ...@@ -1287,13 +1238,16 @@
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -1317,6 +1271,7 @@ ...@@ -1317,6 +1271,7 @@
background: #263b5d29; background: #263b5d29;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
.literatureInfo { .literatureInfo {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
...@@ -1326,15 +1281,18 @@ ...@@ -1326,15 +1281,18 @@
font-size: 18px; font-size: 18px;
text-indent: 2em; text-indent: 2em;
} }
.contextmenu { .contextmenu {
width: 200px; width: 200px;
padding: 5px 0px; padding: 5px 0px;
box-sizing: border-box; box-sizing: border-box;
ul { ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
list-style: none; list-style: none;
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1343,13 +1301,16 @@ ...@@ -1343,13 +1301,16 @@
font-size: 14px; font-size: 14px;
box-sizing: border-box; box-sizing: border-box;
color: black; color: black;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #ddd; background-color: #ddd;
} }
.delete { .delete {
position: absolute; position: absolute;
right: 10px; right: 10px;
i { i {
font-size: 16px; font-size: 16px;
color: #ff5454; color: #ff5454;
...@@ -1359,19 +1320,23 @@ ...@@ -1359,19 +1320,23 @@
} }
} }
} }
.xgtj-div { .xgtj-div {
width: 15%; width: 15%;
height: 300px; height: 300px;
float: left; float: left;
margin-left: 1%; margin-left: 1%;
div { div {
font-weight: 900; font-weight: 900;
margin-left: 11px; margin-left: 11px;
font-size: 14px; font-size: 14px;
} }
ul { ul {
padding: 0; padding: 0;
margin: 10px 7px 0px 26px; margin: 10px 7px 0px 26px;
li { li {
list-style: none; list-style: none;
font-size: 12px; font-size: 12px;
...@@ -1382,29 +1347,36 @@ ...@@ -1382,29 +1347,36 @@
line-height: 28px; line-height: 28px;
cursor: pointer; cursor: pointer;
} }
li:hover { li:hover {
color: #00f9ff; color: #00f9ff;
text-decoration: underline; text-decoration: underline;
} }
} }
} }
.el-dialog { .el-dialog {
color: white; color: white;
background: #1d2d46 !important; background: #1d2d46 !important;
.el-dialog__body { .el-dialog__body {
.el-form { .el-form {
.el-form-item { .el-form-item {
.el-form-item__label { .el-form-item__label {
color: white; color: white;
} }
.el-form-item__content { .el-form-item__content {
color: white; color: white;
.el-upload__tip { .el-upload__tip {
color: white; color: white;
} }
} }
.el-input-group__append { .el-input-group__append {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
.el-button { .el-button {
color: white !important; color: white !important;
background: #1d2d46 !important; background: #1d2d46 !important;
...@@ -1413,25 +1385,29 @@ ...@@ -1413,25 +1385,29 @@
} }
} }
} }
.el-input__inner { .el-input__inner {
color: white !important; color: white !important;
background: none !important; background: none !important;
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
textarea { textarea {
color: white !important; color: white !important;
background: none !important; background: none !important;
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
.el-icon-document { .el-icon-document {
height: auto; height: auto;
} }
.el-tag + .el-tag { .el-tag+.el-tag {
margin-left: 10px; margin-left: 10px;
} }
.button-new-tag { .button-new-tag {
margin-left: 10px; margin-left: 10px;
height: 32px; height: 32px;
...@@ -1439,17 +1415,20 @@ ...@@ -1439,17 +1415,20 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.input-new-tag { .input-new-tag {
width: 90px; width: 90px;
margin-left: 10px; margin-left: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
ul { ul {
height: 150px; height: 150px;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
list-style: none; list-style: none;
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1457,13 +1436,16 @@ ...@@ -1457,13 +1436,16 @@
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
color: white; color: white;
&:hover { &:hover {
color: white; color: white;
background-color: #f56c6c; background-color: #f56c6c;
} }
.delete { .delete {
position: absolute; position: absolute;
right: 10px; right: 10px;
i { i {
font-size: 16px; font-size: 16px;
color: #ff5454; color: #ff5454;
...@@ -1473,11 +1455,11 @@ ...@@ -1473,11 +1455,11 @@
} }
} }
} }
} }
</style> </style>
<script> <script>
import { import {
get, get,
fileUpload, fileUpload,
post, post,
...@@ -1486,11 +1468,11 @@ ...@@ -1486,11 +1468,11 @@
download, download,
delete_util, delete_util,
dateChangeFormat, dateChangeFormat,
} from "../../util/http_util"; } from "../../util/http_util";
import leftTitle from "../../assets/img/flfg/leftTitle.png"; import leftTitle from "../../assets/img/flfg/leftTitle.png";
import rightTitle from "../../assets/img/flfg/rightTitle.png"; import rightTitle from "../../assets/img/flfg/rightTitle.png";
import "animate.css"; import "animate.css";
export default { export default {
name: "flfg", name: "flfg",
data() { data() {
return { return {
...@@ -2065,7 +2047,7 @@ ...@@ -2065,7 +2047,7 @@
addCollection() { addCollection() {
this.dialogVisibleCollection = true; this.dialogVisibleCollection = true;
}, },
stopstop() {}, stopstop() { },
//新增收藏夹名称 //新增收藏夹名称
addCollectionFolder() { addCollectionFolder() {
if (this.collectionName != "" && this.collectionName != null) { if (this.collectionName != "" && this.collectionName != null) {
...@@ -2205,7 +2187,7 @@ ...@@ -2205,7 +2187,7 @@
this.domesticLaw[2].lawList = res[15]; this.domesticLaw[2].lawList = res[15];
endLoading(); endLoading();
}) })
.catch((err) => {}); .catch((err) => { });
//多板块文献资料图片查询 //多板块文献资料图片查询
post( post(
...@@ -2316,5 +2298,5 @@ ...@@ -2316,5 +2298,5 @@
} }
}, 100); }, 100);
}, },
}; };
</script> </script>
\ No newline at end of file \ No newline at end of file
src/view/flfg/flfgKinds.vue
View file @ 15729245
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -187,7 +187,7 @@ ...@@ -187,7 +187,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -219,7 +219,7 @@ ...@@ -219,7 +219,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -235,7 +235,7 @@ ...@@ -235,7 +235,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item,index) in literatureList"> <tr v-for="(item, index) in literatureList">
<td v-text="item.originName" @click="viewLiterature(item)"></td> <td v-text="item.originName" @click="viewLiterature(item)"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
...@@ -244,12 +244,12 @@ ...@@ -244,12 +244,12 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination class="myPagination" background layout="prev, pager, next" :page-size="20" :current-page="currentPage" :total="total" @current-change="handleCurrentChange"> <el-pagination class="myPagination" background layout="prev, pager, next" :page-size="20"
:current-page="currentPage" :total="total" @current-change="handleCurrentChange">
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
...@@ -262,27 +262,33 @@ body, ...@@ -262,27 +262,33 @@ body,
overflow: hidden; overflow: hidden;
background-image: url(../../assets/img/main/background.png); background-image: url(../../assets/img/main/background.png);
background-size: 100% 100%; background-size: 100% 100%;
.head { .head {
width: 100%; width: 100%;
float: flex; float: flex;
margin: 0 auto; margin: 0 auto;
.el-tabs { .el-tabs {
.el-tabs__header { .el-tabs__header {
height: 60px; height: 60px;
.el-tabs__nav-wrap { .el-tabs__nav-wrap {
&::after { &::after {
display: none; display: none;
} }
} }
// background-color: #e60012; // background-color: #e60012;
.el-tabs__nav { .el-tabs__nav {
width: 1655px; width: 1655px;
margin-left: calc(50% - 827.5px); margin-left: calc(50% - 827.5px);
padding-top: 10px; padding-top: 10px;
box-sizing: border-box; box-sizing: border-box;
.el-tabs__active-bar { .el-tabs__active-bar {
display: none; display: none;
} }
.el-tabs__item { .el-tabs__item {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -290,18 +296,22 @@ body, ...@@ -290,18 +296,22 @@ body,
color: white; color: white;
background-image: url(../../assets/img/yqjc/22.png); background-image: url(../../assets/img/yqjc/22.png);
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
text-decoration: underline; text-decoration: underline;
} }
&:nth-child(2) { &:nth-child(2) {
padding-left: 20px; padding-left: 20px;
} }
&:last-child { &:last-child {
padding-right: 20px; padding-right: 20px;
} }
} }
.is-active { .is-active {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -309,28 +319,35 @@ body, ...@@ -309,28 +319,35 @@ body,
} }
} }
} }
.el-tabs__content { .el-tabs__content {
width: 1264px; width: 1264px;
height: calc(100% - 130px); height: calc(100% - 130px);
margin-left: calc(50% - 632px); margin-left: calc(50% - 632px);
.el-tab-pane { .el-tab-pane {
width: 100%; width: 100%;
height: 100%; height: 100%;
table { table {
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: center;
thead { thead {
display: table; display: table;
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
tr { tr {
height: 50px; height: 50px;
color: white; color: white;
text-align: center; text-align: center;
background-image: url(../../assets/img/flfg/title.png); background-image: url(../../assets/img/flfg/title.png);
background-size: 100% 100%; background-size: 100% 100%;
td { td {
&:first-child, &:first-child,
&:last-child { &:last-child {
width: 180px; width: 180px;
...@@ -339,21 +356,26 @@ body, ...@@ -339,21 +356,26 @@ body,
} }
} }
} }
tbody { tbody {
height: calc(100% - 50px); height: calc(100% - 50px);
display: block; display: block;
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; // 隐藏滚动条 display: none; // 隐藏滚动条
} }
tr { tr {
display: table; display: table;
width: 100%; width: 100%;
border-bottom: 1px solid #185066; border-bottom: 1px solid #185066;
table-layout: fixed; table-layout: fixed;
td { td {
color: white; color: white;
&:first-child:hover { &:first-child:hover {
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
...@@ -367,6 +389,7 @@ body, ...@@ -367,6 +389,7 @@ body,
} }
} }
} }
.pagination-div { .pagination-div {
width: 1264px; width: 1264px;
height: 50px; height: 50px;
...@@ -376,6 +399,7 @@ body, ...@@ -376,6 +399,7 @@ body,
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -397,7 +421,7 @@ export default { ...@@ -397,7 +421,7 @@ export default {
literatureList: [], literatureList: [],
currentPage: 0, currentPage: 0,
total: 0, total: 0,
selectPane:'' selectPane: ''
} }
}, },
methods: { methods: {
......
src/view/fzjc/jczc.vue
View file @ 15729245
...@@ -5,12 +5,13 @@ ...@@ -5,12 +5,13 @@
<span slot="label"><i class="el-icon-s-claim"></i> 决策支持</span> <span slot="label"><i class="el-icon-s-claim"></i> 决策支持</span>
<div class="left-jczc"> <div class="left-jczc">
<ul> <ul>
<li v-for="(item,index) in jczcStep" v-text="item" :class="index==choiceIndex?'active':''" @click="choiceStep(item,index)"></li> <li v-for="(item, index) in jczcStep" v-text="item" :class="index == choiceIndex ? 'active' : ''"
@click="choiceStep(item, index)"></li>
</ul> </ul>
</div> </div>
<div class="right-jczc"> <div class="right-jczc">
<!-- 情况导入 --> <!-- 情况导入 -->
<div class="jczc-qkdr" v-if="choiceIndex==0"> <div class="jczc-qkdr" v-if="choiceIndex == 0">
<div class="qkdr-content"> <div class="qkdr-content">
<div class="left-content"> <div class="left-content">
<el-input type="textarea" autosize="" v-model="importText"></el-input> <el-input type="textarea" autosize="" v-model="importText"></el-input>
...@@ -24,9 +25,9 @@ ...@@ -24,9 +25,9 @@
</div> </div>
<div class="qkdr-result"> <div class="qkdr-result">
<div class="left-result"> <div class="left-result">
<div class="cardResult" v-for="(item,index) in resultList"> <div class="cardResult" v-for="(item, index) in resultList">
<el-input v-model="resultList[index]" :style="{width:getTextWidth(item,13)}"></el-input> <el-input v-model="resultList[index]" :style="{ width: getTextWidth(item, 13) }"></el-input>
<span class="el-icon-error" @click="deleteCard(item,index)"></span> <span class="el-icon-error" @click="deleteCard(item, index)"></span>
</div> </div>
<span class="el-icon-circle-plus" @click="addCard"></span> <span class="el-icon-circle-plus" @click="addCard"></span>
</div> </div>
...@@ -37,12 +38,13 @@ ...@@ -37,12 +38,13 @@
<div class="button-create" @click="createFxyp">生成</div> <div class="button-create" @click="createFxyp">生成</div>
</div> </div>
<!-- 分析研判 --> <!-- 分析研判 -->
<div class="jczc-fxyp" v-else-if="choiceIndex==1"> <div class="jczc-fxyp" v-else-if="choiceIndex == 1">
<div class="fxyp-content"> <div class="fxyp-content">
<div class="left-content"> <div class="left-content">
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-form-item label="消息来源"> <el-form-item label="消息来源">
<el-radio v-for="item in fxypFormList.xxlyRadio" v-model="form.xxlyRadio" :label="item" :key="item"></el-radio> <el-radio v-for="item in fxypFormList.xxlyRadio" v-model="form.xxlyRadio"
:label="item" :key="item"></el-radio>
</el-form-item> </el-form-item>
<el-form-item label="对手情况"> <el-form-item label="对手情况">
<el-select v-model="form.dsqkSelect" multiple placeholder="请选择" clearable> <el-select v-model="form.dsqkSelect" multiple placeholder="请选择" clearable>
...@@ -51,16 +53,20 @@ ...@@ -51,16 +53,20 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="对手目的"> <el-form-item label="对手目的">
<el-radio v-for="item in fxypFormList.dsmdRadio" v-model="form.dsmdRadio" :label="item" :key="item"></el-radio> <el-radio v-for="item in fxypFormList.dsmdRadio" v-model="form.dsmdRadio"
:label="item" :key="item"></el-radio>
</el-form-item> </el-form-item>
<el-form-item label="法理属性"> <el-form-item label="法理属性">
<el-radio v-for="item in fxypFormList.flsxRadio" v-model="form.flsxRadio" :label="item" :key="item"></el-radio> <el-radio v-for="item in fxypFormList.flsxRadio" v-model="form.flsxRadio"
:label="item" :key="item"></el-radio>
</el-form-item> </el-form-item>
<el-form-item label="当前态势"> <el-form-item label="当前态势">
<el-radio v-for="item in fxypFormList.dqtsRadio" v-model="form.dqtsRadio" :label="item" :key="item"></el-radio> <el-radio v-for="item in fxypFormList.dqtsRadio" v-model="form.dqtsRadio"
:label="item" :key="item"></el-radio>
</el-form-item> </el-form-item>
<el-form-item label="下步影响"> <el-form-item label="下步影响">
<el-radio v-for="item in fxypFormList.xbyxRadio" v-model="form.xbyxRadio" :label="item" :key="item"></el-radio> <el-radio v-for="item in fxypFormList.xbyxRadio" v-model="form.xbyxRadio"
:label="item" :key="item"></el-radio>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
...@@ -70,9 +76,10 @@ ...@@ -70,9 +76,10 @@
</div> </div>
<div class="fxyp-result"> <div class="fxyp-result">
<div class="left-result"> <div class="left-result">
<div class="cardResult" v-for="(item,index) in resultListFxyp"> <div class="cardResult" v-for="(item, index) in resultListFxyp">
<el-input v-model="resultListFxyp[index]" :style="{width:getTextWidth(item,13)}"></el-input> <el-input v-model="resultListFxyp[index]"
<span class="el-icon-error" @click="deleteCardFxyp(item,index)"></span> :style="{ width: getTextWidth(item, 13) }"></el-input>
<span class="el-icon-error" @click="deleteCardFxyp(item, index)"></span>
</div> </div>
<span class="el-icon-circle-plus" @click="addCardFxyp"></span> <span class="el-icon-circle-plus" @click="addCardFxyp"></span>
</div> </div>
...@@ -83,25 +90,28 @@ ...@@ -83,25 +90,28 @@
<div class="button-nextStep" @click="nextStep">下一步</div> <div class="button-nextStep" @click="nextStep">下一步</div>
</div> </div>
<!-- 处置原则 --> <!-- 处置原则 -->
<div class="jczc-czyz" v-else-if="choiceIndex==2"> <div class="jczc-czyz" v-else-if="choiceIndex == 2">
<div class="czyz-content"> <div class="czyz-content">
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane v-for="(item1,index1) in objectList" :key="index1"> <el-tab-pane v-for="(item1, index1) in objectList" :key="index1">
<span slot="label"><i class="el-icon-message-solid"></i>{{item1.object}}</span> <span slot="label"><i class="el-icon-message-solid"></i>{{ item1.object }}</span>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="应对策略"> <el-form-item label="应对策略">
<el-radio-group v-model="item1.copingStrategies"> <el-radio-group v-model="item1.copingStrategies">
<el-radio v-for="(item,index) in QfdxList.ydcl" :label="item" :key="index">{{item}}</el-radio> <el-radio v-for="(item, index) in QfdxList.ydcl" :label="item"
:key="index">{{ item }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="应对强度"> <el-form-item label="应对强度">
<el-radio-group v-model="item1.copingStrength"> <el-radio-group v-model="item1.copingStrength">
<el-radio v-for="(item,index) in QfdxList.ydqd" :label="item" :key="index">{{item}}</el-radio> <el-radio v-for="(item, index) in QfdxList.ydqd" :label="item"
:key="index">{{ item }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="应对渠道"> <el-form-item label="应对渠道">
<el-radio-group v-model="item1.copingChannel"> <el-radio-group v-model="item1.copingChannel">
<el-radio v-for="(item,index) in QfdxList.ydqd1" :label="item" :key="index">{{item}}</el-radio> <el-radio v-for="(item, index) in QfdxList.ydqd1" :label="item"
:key="index">{{ item }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -114,17 +124,20 @@ ...@@ -114,17 +124,20 @@
<el-form ref="form" :model="formFhcs" label-width="120px"> <el-form ref="form" :model="formFhcs" label-width="120px">
<el-form-item label="舆论管控"> <el-form-item label="舆论管控">
<el-radio-group v-model="formFhcs.ylgkRadio"> <el-radio-group v-model="formFhcs.ylgkRadio">
<el-radio v-for="(item,index) in FhcsList.ylgk" :label="item" :key="index">{{item}}</el-radio> <el-radio v-for="(item, index) in FhcsList.ylgk" :label="item"
:key="index">{{ item }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="法理应对"> <el-form-item label="法理应对">
<el-radio-group v-model="formFhcs.flydRadio"> <el-radio-group v-model="formFhcs.flydRadio">
<el-radio v-for="(item,index) in FhcsList.flyd" :label="item" :key="index">{{item}}</el-radio> <el-radio v-for="(item, index) in FhcsList.flyd" :label="item"
:key="index">{{ item }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="心理防护"> <el-form-item label="心理防护">
<el-radio-group v-model="formFhcs.xlfhRadio"> <el-radio-group v-model="formFhcs.xlfhRadio">
<el-radio v-for="(item,index) in FhcsList.xlfh" :label="item" :key="index">{{item}}</el-radio> <el-radio v-for="(item, index) in FhcsList.xlfh" :label="item"
:key="index">{{ item }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
...@@ -134,16 +147,16 @@ ...@@ -134,16 +147,16 @@
</div> </div>
</div> </div>
<!-- 处置预警 --> <!-- 处置预警 -->
<div class="jczc-czyj" v-else-if="choiceIndex==3||choiceIndex==4"> <div class="jczc-czyj" v-else-if="choiceIndex == 3 || choiceIndex == 4">
<div class="czyj-content"> <div class="czyj-content">
<div class="title">措施建议</div> <div class="title">措施建议</div>
<div class="content-result"> <div class="content-result">
<ul> <ul>
<li v-for="(item,index) in csjyList"> <li v-for="(item, index) in csjyList">
<el-tag type="danger" effect="dark" size="mini">{{item.country}}</el-tag> <el-tag type="danger" effect="dark" size="mini">{{ item.country }}</el-tag>
<!-- <span v-for="item1 in item.data">{{item1.content}}</span> --> <!-- <span v-for="item1 in item.data">{{item1.content}}</span> -->
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<el-input v-model="item1.content"></el-input> <el-input v-model="item1.content"></el-input>
</li> </li>
</ul> </ul>
...@@ -155,12 +168,12 @@ ...@@ -155,12 +168,12 @@
<div class="result-cpjy"> <div class="result-cpjy">
<div class="title">产品建议</div> <div class="title">产品建议</div>
<div class="cpjy-content"> <div class="cpjy-content">
<div class="content-content" v-for="(item,index) in cpjyObjList"> <div class="content-content" v-for="(item, index) in cpjyObjList">
<div class="country">{{item.country}}</div> <div class="country">{{ item.country }}</div>
<div class="content-result"> <div class="content-result">
<div class="content-title">议题设置</div> <div class="content-title">议题设置</div>
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<!-- <span v-text="item1.issues"></span> --> <!-- <span v-text="item1.issues"></span> -->
<el-input v-model="item1.issues"></el-input> <el-input v-model="item1.issues"></el-input>
</li> </li>
...@@ -169,7 +182,7 @@ ...@@ -169,7 +182,7 @@
<div class="content-result"> <div class="content-result">
<div class="content-title">发布口径</div> <div class="content-title">发布口径</div>
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<!-- <span v-text="item1.cal"></span> --> <!-- <span v-text="item1.cal"></span> -->
<el-input v-model="item1.cal"></el-input> <el-input v-model="item1.cal"></el-input>
</li> </li>
...@@ -178,7 +191,7 @@ ...@@ -178,7 +191,7 @@
<div class="content-result"> <div class="content-result">
<div class="content-title">产品推送</div> <div class="content-title">产品推送</div>
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<!-- <span v-text="item1.productDelivery"></span> --> <!-- <span v-text="item1.productDelivery"></span> -->
<el-input v-model="item1.productDelivery"></el-input> <el-input v-model="item1.productDelivery"></el-input>
</li> </li>
...@@ -196,11 +209,11 @@ ...@@ -196,11 +209,11 @@
<span slot="label"><i class="el-icon-s-claim"></i> 预案列表</span> <span slot="label"><i class="el-icon-s-claim"></i> 预案列表</span>
<div class="search"> <div class="search">
<el-input v-model="yaName"></el-input> <el-input v-model="yaName"></el-input>
<div class="button-delete" v-if="multipleSelection.length>0" @click="deleteYa()">删除</div> <div class="button-delete" v-if="multipleSelection.length > 0" @click="deleteYa()">删除</div>
<div class="button-search" @click="search()">搜索</div> <div class="button-search" @click="search()">搜索</div>
</div> </div>
<div class="searchResult"> <div class="searchResult">
<el-table :data="yaList" ref="multipleTable" @selection-change="handleSelectionChange" style="width: 100%;" height="calc(100% - 60px)" :header-cell-style="{color:'#ffffffc7',fontSize:'14px',background:'#263b5d'}" :row-style="{color:'#ffffffc7',fontSize:'14px',background:'#1d2d46'}"> <el-table :data="yaList" ref="multipleTable" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"> <el-table-column type="selection" width="55">
</el-table-column> </el-table-column>
<el-table-column prop="content" label="内容" show-overflow-tooltip> <el-table-column prop="content" label="内容" show-overflow-tooltip>
...@@ -211,13 +224,15 @@ ...@@ -211,13 +224,15 @@
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="200"> <el-table-column label="操作" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button size="mini" @click="exportResult(scope.row)" type="primary" >导出</el-button> <el-button size="mini" @click="exportResult(scope.row)" type="primary">导出</el-button>
<el-button size="mini" @click="viewResult(scope.row)">查看详情</el-button> <el-button size="mini" @click="viewResult(scope.row)">查看详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" :page-size="yaObj.everySize" :current-page="yaObj.currentPage" :total="yaObj.total" @current-change="handleCurrentChange" :page-sizes="[10, 20,50,100]"> <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange" :page-size="yaObj.everySize" :current-page="yaObj.currentPage"
:total="yaObj.total" @current-change="handleCurrentChange" :page-sizes="[10, 20, 50, 100]">
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
...@@ -228,8 +243,8 @@ ...@@ -228,8 +243,8 @@
<div class="czjy-title">分析研判</div> <div class="czjy-title">分析研判</div>
<div class="czjy-result"> <div class="czjy-result">
<ul> <ul>
<li v-for="(item,index) in yaxqObj.fxyp"> <li v-for="(item, index) in yaxqObj.fxyp">
<span>{{item}}</span> <span>{{ item }}</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -238,11 +253,11 @@ ...@@ -238,11 +253,11 @@
<div class="czjy-title">措施建议</div> <div class="czjy-title">措施建议</div>
<div class="czjy-result"> <div class="czjy-result">
<ul> <ul>
<li v-for="(item,index) in yaxqObj.csjy"> <li v-for="(item, index) in yaxqObj.csjy">
<el-tag type="danger" effect="dark" size="mini">{{item.country}}</el-tag> <el-tag type="danger" effect="dark" size="mini">{{ item.country }}</el-tag>
<ul> <ul>
<li v-for="item1 in item.data"> <li v-for="item1 in item.data">
<span>{{item1.content}}</span> <span>{{ item1.content }}</span>
</li> </li>
</ul> </ul>
</li> </li>
...@@ -252,12 +267,12 @@ ...@@ -252,12 +267,12 @@
<div class="cpjy"> <div class="cpjy">
<div class="cpjy-title">产品建议</div> <div class="cpjy-title">产品建议</div>
<div class="cpjy-result"> <div class="cpjy-result">
<div class="result-content" v-for="(item,index) in yaxqObj.cpjy"> <div class="result-content" v-for="(item, index) in yaxqObj.cpjy">
<div class="country">{{item.country}}</div> <div class="country">{{ item.country }}</div>
<div class="content-result"> <div class="content-result">
<div class="content-title">议题设置</div> <div class="content-title">议题设置</div>
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<span v-text="item1.issues"></span> <span v-text="item1.issues"></span>
</li> </li>
</ul> </ul>
...@@ -265,7 +280,7 @@ ...@@ -265,7 +280,7 @@
<div class="content-result"> <div class="content-result">
<div class="content-title">发布口径</div> <div class="content-title">发布口径</div>
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<span v-text="item1.cal"></span> <span v-text="item1.cal"></span>
</li> </li>
</ul> </ul>
...@@ -273,7 +288,7 @@ ...@@ -273,7 +288,7 @@
<div class="content-result"> <div class="content-result">
<div class="content-title">产品推送</div> <div class="content-title">产品推送</div>
<ul> <ul>
<li v-for="(item1,index1) in item.data"> <li v-for="(item1, index1) in item.data">
<span v-text="item1.productDelivery"></span> <span v-text="item1.productDelivery"></span>
</li> </li>
</ul> </ul>
...@@ -368,8 +383,8 @@ export default { ...@@ -368,8 +383,8 @@ export default {
csjy: [], csjy: [],
cpjy: [] cpjy: []
}, },
obj_scya:{}, obj_scya: {},
type_show:true, type_show: true,
} }
}, },
methods: { methods: {
...@@ -532,7 +547,7 @@ export default { ...@@ -532,7 +547,7 @@ export default {
visibleFhcs() { visibleFhcs() {
this.visibleForm = this.visibleForm == false ? true : false; this.visibleForm = this.visibleForm == false ? true : false;
}, },
scya(){ scya() {
saveResult(this.obj_scya).then(res => { saveResult(this.obj_scya).then(res => {
if (res == 1) { if (res == 1) {
this.$message.success('生成成功！'); this.$message.success('生成成功！');
...@@ -545,7 +560,7 @@ export default { ...@@ -545,7 +560,7 @@ export default {
//生成预案 //生成预案
createYa() { createYa() {
this.type_show = true; this.type_show = true;
let obj = { content: this.importText, result: JSON.stringify({ csjy: this.csjyList, cpjy: this.cpjyObjList,fxyp: this.resultListFxyp }) }; let obj = { content: this.importText, result: JSON.stringify({ csjy: this.csjyList, cpjy: this.cpjyObjList, fxyp: this.resultListFxyp }) };
this.obj_scya = obj; this.obj_scya = obj;
this.dialogVisible = true; this.dialogVisible = true;
this.yaxqObj = JSON.parse(obj.result); this.yaxqObj = JSON.parse(obj.result);
...@@ -605,7 +620,7 @@ export default { ...@@ -605,7 +620,7 @@ export default {
this.dialogVisible = true; this.dialogVisible = true;
this.yaxqObj = JSON.parse(row.result); this.yaxqObj = JSON.parse(row.result);
}, },
exportResult(item){ exportResult(item) {
fileDownload("api/rest/decision/exportResult?id=" + item.id, '决策支持', 'doc'); fileDownload("api/rest/decision/exportResult?id=" + item.id, '决策支持', 'doc');
}, },
handleClose(done) { handleClose(done) {
...@@ -623,15 +638,15 @@ export default { ...@@ -623,15 +638,15 @@ export default {
//查询国家 //查询国家
queryCountry().then(res => { queryCountry().then(res => {
this.dsqkOption = res; this.dsqkOption = res;
}).then((res)=>{ }).then((res) => {
this.search(); this.search();
}) })
.catch((err)=>{ .catch((err) => {
this.$message.warning(err.msg); this.$message.warning(err.msg);
}) })
if(this.$route.params.selectText){ if (this.$route.params.selectText) {
this.importText = this.$route.params.selectText this.importText = this.$route.params.selectText
}else{ } else {
this.importText = ""; this.importText = "";
} }
} }
...@@ -645,6 +660,7 @@ export default { ...@@ -645,6 +660,7 @@ export default {
padding: 20px 30px 10px 30px; padding: 20px 30px 10px 30px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
.el-tabs--border-card { .el-tabs--border-card {
width: calc(100% - 4px); width: calc(100% - 4px);
height: calc(100% - 4px); height: calc(100% - 4px);
...@@ -652,36 +668,44 @@ export default { ...@@ -652,36 +668,44 @@ export default {
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
background: #ffffff00; background: #ffffff00;
.el-tabs__header { .el-tabs__header {
background-color: unset; background-color: unset;
border-bottom: 2px solid #125473; border-bottom: 2px solid #125473;
.el-tabs__item { .el-tabs__item {
color: #dedede; color: #dedede;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #ffe000; color: #ffe000;
background-color: #116791; background-color: #116791;
border-right-color: #116791; border-right-color: #116791;
border-left-color: #116791; border-left-color: #116791;
} }
.el-tabs__item:not(.is-disabled):hover { .el-tabs__item:not(.is-disabled):hover {
color: #ffe000; color: #ffe000;
} }
} }
.el-tabs__content { .el-tabs__content {
height: calc(100% - 42px); height: calc(100% - 42px);
box-sizing: border-box; box-sizing: border-box;
} }
} }
.left-jczc { .left-jczc {
width: 230px; width: 230px;
height: 100%; height: 100%;
padding: 10px 10px; padding: 10px 10px;
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
ul { ul {
padding: 0px; padding: 0px;
list-style: none; list-style: none;
li { li {
height: 35px; height: 35px;
line-height: 30px; line-height: 30px;
...@@ -690,11 +714,13 @@ export default { ...@@ -690,11 +714,13 @@ export default {
text-align: center; text-align: center;
background-image: url(../../assets/img/fzjc/1.png); background-image: url(../../assets/img/fzjc/1.png);
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #0dada7; color: #0dada7;
cursor: pointer; cursor: pointer;
} }
} }
.active { .active {
color: #0dada7; color: #0dada7;
background-image: url(../../assets/img/fzjc/2.png); background-image: url(../../assets/img/fzjc/2.png);
...@@ -702,6 +728,7 @@ export default { ...@@ -702,6 +728,7 @@ export default {
} }
} }
} }
.right-jczc { .right-jczc {
width: calc(100% - 230px); width: calc(100% - 230px);
height: 100%; height: 100%;
...@@ -709,22 +736,27 @@ export default { ...@@ -709,22 +736,27 @@ export default {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
box-sizing: border-box; box-sizing: border-box;
//情况导入 //情况导入
.jczc-qkdr { .jczc-qkdr {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
.qkdr-content { .qkdr-content {
width: 100%; width: 100%;
height: 60%; height: 60%;
.left-content { .left-content {
width: 90%; width: 90%;
height: 100%; height: 100%;
float: left; float: left;
.el-textarea { .el-textarea {
width: 100%; width: 100%;
height: 100% !important; height: 100% !important;
textarea { textarea {
height: 100% !important; height: 100% !important;
color: white !important; color: white !important;
...@@ -734,9 +766,11 @@ export default { ...@@ -734,9 +766,11 @@ export default {
} }
} }
} }
.right-content { .right-content {
width: 10%; width: 10%;
float: left; float: left;
.button-import { .button-import {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -749,16 +783,19 @@ export default { ...@@ -749,16 +783,19 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
} }
.qkdr-result { .qkdr-result {
width: 100%; width: 100%;
height: calc(40% - 70px); height: calc(40% - 70px);
margin-top: 20px; margin-top: 20px;
.left-result { .left-result {
width: 90%; width: 90%;
height: 100%; height: 100%;
...@@ -768,6 +805,7 @@ export default { ...@@ -768,6 +805,7 @@ export default {
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
.cardResult { .cardResult {
// min-width: 100px; // min-width: 100px;
font-size: 13px; font-size: 13px;
...@@ -783,7 +821,9 @@ export default { ...@@ -783,7 +821,9 @@ export default {
background-image: url(../../assets/img/fzjc/5.png); background-image: url(../../assets/img/fzjc/5.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.el-input { .el-input {
// width: 60%; // width: 60%;
// width: 100px; // width: 100px;
input { input {
...@@ -793,28 +833,34 @@ export default { ...@@ -793,28 +833,34 @@ export default {
border: none; border: none;
} }
} }
.el-icon-error { .el-icon-error {
float: right; float: right;
&:hover { &:hover {
color: red; color: red;
cursor: pointer; cursor: pointer;
} }
} }
} }
.el-icon-circle-plus { .el-icon-circle-plus {
float: left; float: left;
margin-top: 25px; margin-top: 25px;
margin-left: 20px; margin-left: 20px;
color: green; color: green;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
.right-result { .right-result {
width: 10%; width: 10%;
float: left; float: left;
.button-edit { .button-edit {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -827,12 +873,14 @@ export default { ...@@ -827,12 +873,14 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
} }
.button-create { .button-create {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -846,20 +894,24 @@ export default { ...@@ -846,20 +894,24 @@ export default {
background-image: url(../../assets/img/fzjc/6.png); background-image: url(../../assets/img/fzjc/6.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
//分析研判 //分析研判
.jczc-fxyp { .jczc-fxyp {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
.fxyp-content { .fxyp-content {
width: 100%; width: 100%;
height: 60%; height: 60%;
.left-content { .left-content {
width: 90%; width: 90%;
height: 100%; height: 100%;
...@@ -867,18 +919,21 @@ export default { ...@@ -867,18 +919,21 @@ export default {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
.el-form { .el-form {
width: 80%; width: 80%;
height: 96%; height: 96%;
margin-left: 10%; margin-left: 10%;
position: relative; position: relative;
top: 2%; top: 2%;
.el-form-item { .el-form-item {
width: 100%; width: 100%;
height: calc(100% / 6 - 20px); height: calc(100% / 6 - 20px);
float: left; float: left;
margin-top: 20px; margin-top: 20px;
margin-bottom: 0px !important; margin-bottom: 0px !important;
.el-form-item__label { .el-form-item__label {
height: 100%; height: 100%;
padding: 0.5% 12px !important; padding: 0.5% 12px !important;
...@@ -888,6 +943,7 @@ export default { ...@@ -888,6 +943,7 @@ export default {
background-image: url(../../assets/img/fzjc/7.png); background-image: url(../../assets/img/fzjc/7.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-form-item__content { .el-form-item__content {
height: 100%; height: 100%;
padding: 0.5% 30px; padding: 0.5% 30px;
...@@ -895,6 +951,7 @@ export default { ...@@ -895,6 +951,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
background-image: url(../../assets/img/fzjc/8.png); background-image: url(../../assets/img/fzjc/8.png);
background-size: 100% 100%; background-size: 100% 100%;
.el-radio { .el-radio {
width: calc(100% / 3 - 50px); width: calc(100% / 3 - 50px);
margin-top: 1.7%; margin-top: 1.7%;
...@@ -904,12 +961,15 @@ export default { ...@@ -904,12 +961,15 @@ export default {
// top: calc(50% - 7.6px); // top: calc(50% - 7.6px);
color: white; color: white;
text-align: center; text-align: center;
.el-radio__input { .el-radio__input {
vertical-align: bottom; vertical-align: bottom;
} }
} }
.el-select { .el-select {
width: 100%; width: 100%;
input { input {
border: none; border: none;
background: none; background: none;
...@@ -919,9 +979,11 @@ export default { ...@@ -919,9 +979,11 @@ export default {
} }
} }
} }
.right-content { .right-content {
width: 10%; width: 10%;
float: left; float: left;
.button-create { .button-create {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -934,16 +996,19 @@ export default { ...@@ -934,16 +996,19 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
} }
.fxyp-result { .fxyp-result {
width: 100%; width: 100%;
height: calc(40% - 70px); height: calc(40% - 70px);
margin-top: 20px; margin-top: 20px;
.left-result { .left-result {
width: 90%; width: 90%;
height: 100%; height: 100%;
...@@ -953,6 +1018,7 @@ export default { ...@@ -953,6 +1018,7 @@ export default {
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
.cardResult { .cardResult {
// min-width: 100px; // min-width: 100px;
height: 30px; height: 30px;
...@@ -972,7 +1038,9 @@ export default { ...@@ -972,7 +1038,9 @@ export default {
background-image: url(../../assets/img/fzjc/9.png); background-image: url(../../assets/img/fzjc/9.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.el-input { .el-input {
// width: 60%; // width: 60%;
// width: 100px; // width: 100px;
input { input {
...@@ -982,7 +1050,9 @@ export default { ...@@ -982,7 +1050,9 @@ export default {
border: none; border: none;
} }
} }
.el-icon-error { .el-icon-error {
// float: right; // float: right;
&:hover { &:hover {
color: red; color: red;
...@@ -990,20 +1060,24 @@ export default { ...@@ -990,20 +1060,24 @@ export default {
} }
} }
} }
.el-icon-circle-plus { .el-icon-circle-plus {
float: left; float: left;
margin-top: 25px; margin-top: 25px;
margin-left: 20px; margin-left: 20px;
color: green; color: green;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
.right-result { .right-result {
width: 10%; width: 10%;
float: left; float: left;
.button-edit { .button-edit {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1016,12 +1090,14 @@ export default { ...@@ -1016,12 +1090,14 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
} }
.button-nextStep { .button-nextStep {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1035,17 +1111,20 @@ export default { ...@@ -1035,17 +1111,20 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
//处置原则 //处置原则
.jczc-czyz { .jczc-czyz {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
.czyz-content { .czyz-content {
width: 100%; width: 100%;
height: 60%; height: 60%;
...@@ -1053,10 +1132,12 @@ export default { ...@@ -1053,10 +1132,12 @@ export default {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
.content-top { .content-top {
width: 80%; width: 80%;
height: 40px; height: 40px;
margin: auto; margin: auto;
span { span {
width: 120px; width: 120px;
float: left; float: left;
...@@ -1065,12 +1146,15 @@ export default { ...@@ -1065,12 +1146,15 @@ export default {
color: white; color: white;
background: none; background: none;
} }
div { div {
cursor: pointer; cursor: pointer;
&:first-child { &:first-child {
margin-left: 50px; margin-left: 50px;
} }
} }
.choice { .choice {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1082,6 +1166,7 @@ export default { ...@@ -1082,6 +1166,7 @@ export default {
background-image: url(../../assets/img/fzjc/10.png); background-image: url(../../assets/img/fzjc/10.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.choiceBg { .choiceBg {
width: 100px; width: 100px;
height: 40px; height: 40px;
...@@ -1094,6 +1179,7 @@ export default { ...@@ -1094,6 +1179,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.content-bottom { .content-bottom {
width: 80%; width: 80%;
height: calc(100% - 80px); height: calc(100% - 80px);
...@@ -1102,17 +1188,20 @@ export default { ...@@ -1102,17 +1188,20 @@ export default {
border: 3px dotted #146a80; border: 3px dotted #146a80;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
.el-form { .el-form {
width: 80%; width: 80%;
height: 96%; height: 96%;
margin-left: 10%; margin-left: 10%;
position: relative; position: relative;
top: 2%; top: 2%;
.el-form-item { .el-form-item {
width: 100%; width: 100%;
float: left; float: left;
margin-top: 20px; margin-top: 20px;
margin-bottom: 0px !important; margin-bottom: 0px !important;
.el-form-item__label { .el-form-item__label {
color: white; color: white;
text-align: center; text-align: center;
...@@ -1120,12 +1209,15 @@ export default { ...@@ -1120,12 +1209,15 @@ export default {
background-image: url(../../assets/img/fzjc/12.png); background-image: url(../../assets/img/fzjc/12.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-form-item__content { .el-form-item__content {
padding: 10px 30px; padding: 10px 30px;
color: white; color: white;
box-sizing: border-box; box-sizing: border-box;
.el-radio-group { .el-radio-group {
width: 100%; width: 100%;
.el-radio { .el-radio {
width: calc(100% / 3 - 50px); width: calc(100% / 3 - 50px);
height: 40px; height: 40px;
...@@ -1133,9 +1225,11 @@ export default { ...@@ -1133,9 +1225,11 @@ export default {
margin-right: 0px !important; margin-right: 0px !important;
color: white; color: white;
text-align: center; text-align: center;
.el-radio__input { .el-radio__input {
vertical-align: baseline; vertical-align: baseline;
} }
.el-radio__label { .el-radio__label {
font-size: 16px; font-size: 16px;
} }
...@@ -1145,6 +1239,7 @@ export default { ...@@ -1145,6 +1239,7 @@ export default {
} }
} }
} }
.el-tabs--border-card { .el-tabs--border-card {
height: calc(100% - 37px); height: calc(100% - 37px);
margin-top: 18px; margin-top: 18px;
...@@ -1152,33 +1247,39 @@ export default { ...@@ -1152,33 +1247,39 @@ export default {
border-radius: 5px; border-radius: 5px;
background: #ffffff00; background: #ffffff00;
> .el-tabs__header { >.el-tabs__header {
background-color: unset; background-color: unset;
border-bottom: 2px solid #125473; border-bottom: 2px solid #125473;
.el-tabs__item { .el-tabs__item {
color: #dedede; color: #dedede;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #ffe000; color: #ffe000;
background-color: #116791; background-color: #116791;
border-right-color: #116791; border-right-color: #116791;
border-left-color: #116791; border-left-color: #116791;
} }
.el-tabs__item:not(.is-disabled):hover { .el-tabs__item:not(.is-disabled):hover {
color: #ffe000; color: #ffe000;
} }
} }
.el-tab-pane { .el-tab-pane {
.el-form { .el-form {
width: 80%; width: 80%;
height: calc(100% - 70px); height: calc(100% - 70px);
margin-left: 10%; margin-left: 10%;
position: relative; position: relative;
.el-form-item { .el-form-item {
width: 100%; width: 100%;
float: left; float: left;
margin-top: 20px; margin-top: 20px;
margin-bottom: 0px !important; margin-bottom: 0px !important;
.el-form-item__label { .el-form-item__label {
color: white; color: white;
text-align: center; text-align: center;
...@@ -1186,12 +1287,15 @@ export default { ...@@ -1186,12 +1287,15 @@ export default {
background-image: url(../../assets/img/fzjc/12.png); background-image: url(../../assets/img/fzjc/12.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-form-item__content { .el-form-item__content {
padding: 10px 30px; padding: 10px 30px;
color: white; color: white;
box-sizing: border-box; box-sizing: border-box;
.el-radio-group { .el-radio-group {
width: 100%; width: 100%;
.el-radio { .el-radio {
width: calc(100% / 3 - 50px); width: calc(100% / 3 - 50px);
height: 40px; height: 40px;
...@@ -1199,9 +1303,11 @@ export default { ...@@ -1199,9 +1303,11 @@ export default {
margin-right: 0px !important; margin-right: 0px !important;
color: white; color: white;
text-align: center; text-align: center;
.el-radio__input { .el-radio__input {
vertical-align: bottom; vertical-align: bottom;
} }
.el-radio__label { .el-radio__label {
font-size: 16px; font-size: 16px;
} }
...@@ -1213,10 +1319,12 @@ export default { ...@@ -1213,10 +1319,12 @@ export default {
} }
} }
} }
.czyz-result { .czyz-result {
width: 100%; width: 100%;
height: calc(40% - 20px); height: calc(40% - 20px);
margin-top: 20px; margin-top: 20px;
.title { .title {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1229,6 +1337,7 @@ export default { ...@@ -1229,6 +1337,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.result-content { .result-content {
width: 80%; width: 80%;
height: calc(100% - 100px); height: calc(100% - 100px);
...@@ -1237,17 +1346,20 @@ export default { ...@@ -1237,17 +1346,20 @@ export default {
border: 3px dotted #146a80; border: 3px dotted #146a80;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
.el-form { .el-form {
width: 80%; width: 80%;
height: 100%; height: 100%;
margin-left: 10%; margin-left: 10%;
position: relative; position: relative;
.el-form-item { .el-form-item {
width: 100%; width: 100%;
height: calc(100% / 3 - 10px); height: calc(100% / 3 - 10px);
float: left; float: left;
margin-top: 10px; margin-top: 10px;
margin-bottom: 0px !important; margin-bottom: 0px !important;
.el-form-item__label { .el-form-item__label {
color: white; color: white;
text-align: center; text-align: center;
...@@ -1255,21 +1367,26 @@ export default { ...@@ -1255,21 +1367,26 @@ export default {
background-image: url(../../assets/img/fzjc/12.png); background-image: url(../../assets/img/fzjc/12.png);
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-form-item__content { .el-form-item__content {
padding: 10px 30px; padding: 10px 30px;
color: white; color: white;
box-sizing: border-box; box-sizing: border-box;
.el-radio-group { .el-radio-group {
width: 100%; width: 100%;
.el-radio { .el-radio {
width: calc(100% / 3 - 50px); width: calc(100% / 3 - 50px);
margin-left: 30px; margin-left: 30px;
margin-right: 0px !important; margin-right: 0px !important;
color: white; color: white;
text-align: center; text-align: center;
.el-radio__input { .el-radio__input {
vertical-align: baseline; vertical-align: baseline;
} }
.el-radio__label { .el-radio__label {
font-size: 16px; font-size: 16px;
} }
...@@ -1279,6 +1396,7 @@ export default { ...@@ -1279,6 +1396,7 @@ export default {
} }
} }
} }
.button-create { .button-create {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1292,24 +1410,28 @@ export default { ...@@ -1292,24 +1410,28 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
} }
} }
} }
//处置预警 //处置预警
.jczc-czyj { .jczc-czyj {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
.czyj-content { .czyj-content {
width: 100%; width: 100%;
height: 40%; height: 40%;
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
.title { .title {
width: 150px; width: 150px;
height: 40px; height: 40px;
...@@ -1324,6 +1446,7 @@ export default { ...@@ -1324,6 +1446,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.content-result { .content-result {
width: 96%; width: 96%;
height: calc(100% - 60px); height: calc(100% - 60px);
...@@ -1331,6 +1454,7 @@ export default { ...@@ -1331,6 +1454,7 @@ export default {
margin-top: 10px; margin-top: 10px;
margin-left: 2%; margin-left: 2%;
overflow-y: auto; overflow-y: auto;
ul { ul {
li { li {
width: 100%; width: 100%;
...@@ -1341,6 +1465,7 @@ export default { ...@@ -1341,6 +1465,7 @@ export default {
border-bottom: 1px solid #146a80; border-bottom: 1px solid #146a80;
box-sizing: border-box; box-sizing: border-box;
list-style: none; list-style: none;
.el-tag { .el-tag {
margin-right: 20px; margin-right: 20px;
} }
...@@ -1358,6 +1483,7 @@ export default { ...@@ -1358,6 +1483,7 @@ export default {
} }
} }
} }
.czyj-result { .czyj-result {
width: 100%; width: 100%;
height: calc(60% - 70px); height: calc(60% - 70px);
...@@ -1365,9 +1491,11 @@ export default { ...@@ -1365,9 +1491,11 @@ export default {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
.result-cpjy { .result-cpjy {
width: 100%; width: 100%;
height: 100%; height: 100%;
.title { .title {
width: 150px; width: 150px;
height: 40px; height: 40px;
...@@ -1381,15 +1509,18 @@ export default { ...@@ -1381,15 +1509,18 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.cpjy-content { .cpjy-content {
width: 100%; width: 100%;
height: calc(100% - 70px); height: calc(100% - 70px);
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
.content-content { .content-content {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-bottom: 20px; margin-bottom: 20px;
.country { .country {
width: 98%; width: 98%;
height: 30px; height: 30px;
...@@ -1399,6 +1530,7 @@ export default { ...@@ -1399,6 +1530,7 @@ export default {
text-align: center; text-align: center;
background: #274b71; background: #274b71;
} }
.content-title { .content-title {
width: 150px; width: 150px;
height: 30px; height: 30px;
...@@ -1408,6 +1540,7 @@ export default { ...@@ -1408,6 +1540,7 @@ export default {
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
} }
ul { ul {
li { li {
width: 100%; width: 100%;
...@@ -1431,6 +1564,7 @@ export default { ...@@ -1431,6 +1564,7 @@ export default {
} }
} }
} }
.button-create { .button-create {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1444,6 +1578,7 @@ export default { ...@@ -1444,6 +1578,7 @@ export default {
background-image: url(../../assets/img/fzjc/4.png); background-image: url(../../assets/img/fzjc/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
&:hover { &:hover {
color: #146a80; color: #146a80;
} }
...@@ -1455,9 +1590,11 @@ export default { ...@@ -1455,9 +1590,11 @@ export default {
width: 100%; width: 100%;
height: 50px; height: 50px;
text-align: right; text-align: right;
.el-input { .el-input {
width: 200px; width: 200px;
margin-right: 15px; margin-right: 15px;
input { input {
height: 30px; height: 30px;
color: white; color: white;
...@@ -1465,10 +1602,12 @@ export default { ...@@ -1465,10 +1602,12 @@ export default {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
.el-input__icon { .el-input__icon {
line-height: 30px; line-height: 30px;
} }
} }
.button-search { .button-search {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1482,6 +1621,7 @@ export default { ...@@ -1482,6 +1621,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-delete { .button-delete {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -1501,49 +1641,99 @@ export default { ...@@ -1501,49 +1641,99 @@ export default {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
overflow-y: auto; overflow-y: auto;
.el-table--enable-row-hover { .el-table--enable-row-hover {
.el-table__body tr { .el-table__body tr {
&:hover > td { &:hover>td {
background-color: #82848a78 !important; background-color: #82848a78 !important;
} }
} }
} }
.el-table { .el-table {
background-color: transparent !important;
.el-table__header-wrapper {
width: 100%; width: 100%;
height: 48px; height: calc(100% - 60px);
} }
.el-table__body-wrapper {
width: 100%; .el-table tr {
height: calc(100% - 48px); background-color: transparent !important;
color: #ffffffc7;
}
.el-table thead tr {
height: 40px;
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th {
background-color: transparent;
}
tbody tr {
border-bottom: 1px solid #252631;
}
.el-table td {
border-bottom: 1px solid #252631;
border-right: unset;
} }
th.is-leaf {
border-bottom: 1px solid #185066; .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78;
}
.el-table th {
border: unset;
// background-color: #263b5d !important;
} }
.gutter {
background-color: #263b5d; .el-table--fit {
background: none !important;
border: unset;
} }
&::before {
display: none; .el-icon-delete-solid {
color: red;
cursor: pointer;
font-size: 18px;
}
.el-icon-edit {
color: #1172d8;
cursor: pointer;
font-size: 20px;
} }
td {
border-bottom: 1px solid #185066; .el-icon-view {
color: #00ffff;
font-size: 20px;
cursor: pointer;
} }
.el-table--group::after,
.el-table--border::after,
.el-table::before {
background-color: unset;
} }
.pagination-div { .pagination-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -1556,6 +1746,7 @@ export default { ...@@ -1556,6 +1746,7 @@ export default {
.yaxq { .yaxq {
width: 100%; width: 100%;
height: 100%; height: 100%;
.czjy { .czjy {
width: 100%; width: 100%;
max-height: 30%; max-height: 30%;
...@@ -1564,6 +1755,7 @@ export default { ...@@ -1564,6 +1755,7 @@ export default {
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto; overflow-y: auto;
.czjy-title { .czjy-title {
width: 150px; width: 150px;
height: 40px; height: 40px;
...@@ -1579,12 +1771,14 @@ export default { ...@@ -1579,12 +1771,14 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.czjy-result { .czjy-result {
width: 96%; width: 96%;
float: left; float: left;
margin-top: 10px; margin-top: 10px;
margin-left: 2%; margin-left: 2%;
overflow-y: auto; overflow-y: auto;
ul { ul {
li { li {
width: 100%; width: 100%;
...@@ -1596,6 +1790,7 @@ export default { ...@@ -1596,6 +1790,7 @@ export default {
color: white; color: white;
box-sizing: border-box; box-sizing: border-box;
list-style: none; list-style: none;
.el-tag { .el-tag {
margin-right: 20px; margin-right: 20px;
} }
...@@ -1607,6 +1802,7 @@ export default { ...@@ -1607,6 +1802,7 @@ export default {
} }
} }
} }
.cpjy { .cpjy {
width: 100%; width: 100%;
height: calc(60% - 70px); height: calc(60% - 70px);
...@@ -1616,6 +1812,7 @@ export default { ...@@ -1616,6 +1812,7 @@ export default {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
.cpjy-title { .cpjy-title {
width: 150px; width: 150px;
height: 40px; height: 40px;
...@@ -1630,14 +1827,17 @@ export default { ...@@ -1630,14 +1827,17 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.cpjy-result { .cpjy-result {
width: 100%; width: 100%;
height: calc(100% - 80px); height: calc(100% - 80px);
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
.result-content { .result-content {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
.country { .country {
width: 98%; width: 98%;
height: 30px; height: 30px;
...@@ -1648,6 +1848,7 @@ export default { ...@@ -1648,6 +1848,7 @@ export default {
text-align: center; text-align: center;
background: #274b71; background: #274b71;
} }
.content-title { .content-title {
width: 150px; width: 150px;
height: 30px; height: 30px;
...@@ -1658,6 +1859,7 @@ export default { ...@@ -1658,6 +1859,7 @@ export default {
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
} }
ul { ul {
li { li {
width: 100%; width: 100%;
...@@ -1675,5 +1877,4 @@ export default { ...@@ -1675,5 +1877,4 @@ export default {
} }
} }
} }
} }</style>
</style> \ No newline at end of file
\ No newline at end of file
src/view/home.vue
View file @ 15729245
...@@ -273,14 +273,8 @@ export default { ...@@ -273,14 +273,8 @@ export default {
noteNum() { noteNum() {
return this.$store.getters.noteNum; return this.$store.getters.noteNum;
}, },
activeIndex: { activeIndex() {
get() {
return this.$store.getters.activeIndex; return this.$store.getters.activeIndex;
},
set() {
}
} }
}, },
created() { created() {
......
src/view/xxxl/llkh.vue
View file @ 15729245
...@@ -13,11 +13,7 @@ ...@@ -13,11 +13,7 @@
<div class="bottom-div"> <div class="bottom-div">
<div class="table-div"> <div class="table-div">
<el-table :data="tableData" height="100%" border style="width: 100%"> <el-table :data="tableData" height="100%" border style="width: 100%">
<el-table-column <el-table-column type="index" width="100" label="序号"></el-table-column>
type="index"
width="100"
label="序号"
></el-table-column>
<el-table-column prop="name" label="试卷名称"> </el-table-column> <el-table-column prop="name" label="试卷名称"> </el-table-column>
<el-table-column prop="limitStartTime" label="试卷开启时间"> <el-table-column prop="limitStartTime" label="试卷开启时间">
</el-table-column> </el-table-column>
...@@ -26,15 +22,8 @@ ...@@ -26,15 +22,8 @@
<!-- <el-table-column prop="suggestTime" label="时长（分）"> --> <!-- <el-table-column prop="suggestTime" label="时长（分）"> -->
<el-table-column label="操作" width="230"> <el-table-column label="操作" width="230">
<template slot-scope="scope"> <template slot-scope="scope">
<div <div class="lsjl pub-xdzy" title="历史记录" @click="ckxq(scope.row)"></div>
class="lsjl pub-xdzy" <el-button style="margin-top: 4px; margin-left: 20px" :type="scope.row.type == 1
title="历史记录"
@click="ckxq(scope.row)"
></div>
<el-button
style="margin-top: 4px; margin-left: 20px"
:type="
scope.row.type == 1
? 'success' ? 'success'
: scope.row.type == 2 : scope.row.type == 2
? 'info' ? 'info'
...@@ -43,12 +32,8 @@ ...@@ -43,12 +32,8 @@
: scope.row.type == 4 : scope.row.type == 4
? 'warning' ? 'warning'
: '' : ''
" " icon="el-icon-edit-outline" :disabled="scope.row.type != 1" size="mini"
icon="el-icon-edit-outline" @click="mnxl_cli(scope.row)">{{
:disabled="scope.row.type != 1"
size="mini"
@click="mnxl_cli(scope.row)"
>{{
scope.row.type == 1 scope.row.type == 1
? "开始考试" ? "开始考试"
: scope.row.type == 2 : scope.row.type == 2
...@@ -65,29 +50,15 @@ ...@@ -65,29 +50,15 @@
</el-table> </el-table>
</div> </div>
<div class="page-div"> <div class="page-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" @size-change="handleSizeChange" :total="totals" :page-size="pageRow" :current-page="current_page_qw"
background @current-change="handleCurrentChange_qw" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
:total="totals"
:page-size="pageRow"
:current-page="current_page_qw"
@current-change="handleCurrentChange_qw"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
</div> </div>
<div <div class="sjtms" v-if="!show_s" element-loading-text="训练题正在生成中,请稍后！！！" element-loading-spinner="el-icon-loading"
class="sjtms" element-loading-background="rgba(0, 0, 0, 0.8)" v-loading="loading">
v-if="!show_s"
element-loading-text="训练题正在生成中,请稍后！！！"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
v-loading="loading"
>
<div class="fh"> <div class="fh">
<el-button type="info" @click="kszxs(true)">返回</el-button> <el-button type="info" @click="kszxs(true)">返回</el-button>
</div> </div>
...@@ -106,8 +77,7 @@ ...@@ -106,8 +77,7 @@
</div> </div>
<div class="pub-div"> <div class="pub-div">
<div class="tit-div"> <div class="tit-div">
<span>（一）单选题</span <span>（一）单选题</span><span class="pub-span">{{
><span class="pub-span">{{
"(共" + "(共" +
arr_single.length + arr_single.length +
"题，每题" + "题，每题" +
...@@ -122,12 +92,7 @@ ...@@ -122,12 +92,7 @@
</div> </div>
<div class="xx-div"> <div class="xx-div">
<div v-for="(items, indexs) in item.content" class="xx-dic"> <div v-for="(items, indexs) in item.content" class="xx-dic">
<el-radio <el-radio v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
v-model="item._correct"
:label="items"
:key="indexs"
>{{ items }}</el-radio
>
</div> </div>
</div> </div>
</div> </div>
...@@ -135,8 +100,7 @@ ...@@ -135,8 +100,7 @@
</div> </div>
<div class="pub-div"> <div class="pub-div">
<div class="tit-div"> <div class="tit-div">
<span>（二）多选题</span <span>（二）多选题</span><span class="pub-span">{{
><span class="pub-span">{{
"(共" + "(共" +
arr_multiple.length + arr_multiple.length +
"题，每题" + "题，每题" +
...@@ -151,12 +115,7 @@ ...@@ -151,12 +115,7 @@
</div> </div>
<div class="xx-div"> <div class="xx-div">
<div v-for="(items, indexs) in item.content" class="xx-dic"> <div v-for="(items, indexs) in item.content" class="xx-dic">
<el-checkbox <el-checkbox v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-checkbox>
v-model="item._correct"
:label="items"
:key="indexs"
>{{ items }}</el-checkbox
>
</div> </div>
</div> </div>
</div> </div>
...@@ -164,8 +123,7 @@ ...@@ -164,8 +123,7 @@
</div> </div>
<div class="pub-div"> <div class="pub-div">
<div class="tit-div"> <div class="tit-div">
<span>（三）判断题</span <span>（三）判断题</span><span class="pub-span">{{
><span class="pub-span">{{
"(共" + "(共" +
arr_judge.length + arr_judge.length +
"题，每题" + "题，每题" +
...@@ -180,12 +138,7 @@ ...@@ -180,12 +138,7 @@
</div> </div>
<div class="xx-div"> <div class="xx-div">
<div v-for="(items, indexs) in item.content" class="xx-dic"> <div v-for="(items, indexs) in item.content" class="xx-dic">
<el-radio <el-radio v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
v-model="item._correct"
:label="items"
:key="indexs"
>{{ items }}</el-radio
>
</div> </div>
</div> </div>
</div> </div>
...@@ -197,64 +150,43 @@ ...@@ -197,64 +150,43 @@
</div> </div>
<div class="tm_dt" v-if="tab_st == 2"> <div class="tm_dt" v-if="tab_st == 2">
<div style="margin-top: 50px"> <div style="margin-top: 50px">
<div <div style="
style="
text-align: center; text-align: center;
color: black; color: black;
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
" ">
>
<span>您好！您此次试题学习训练结果为</span> <span>您好！您此次试题学习训练结果为</span>
<span <span v-text="fraction" style="color: red; font-size: 20px"></span>
v-text="fraction"
style="color: red; font-size: 20px"
></span>
<span>分</span> <span>分</span>
</div> </div>
<div <div style="
style="
margin-left: calc(50% - 100px); margin-left: calc(50% - 100px);
margin-top: 20px; margin-top: 20px;
color: black; color: black;
" ">
>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<div class="pub_dt_div"><span>单选题：</span></div> <div class="pub_dt_div"><span>单选题：</span></div>
<div> <div>
<span v-if="dx_fractions == arr_single.length">全部答对</span> <span v-if="dx_fractions == arr_single.length">全部答对</span>
<span v-if="dx_fractions != arr_single.length" <span v-if="dx_fractions != arr_single.length">答对{{ dx_fractions }}道题</span>
>答对{{ dx_fractions }}道题</span <span v-if="dx_fractions != arr_single.length">答错{{ arr_single.length - dx_fractions }}道题</span>
>
<span v-if="dx_fractions != arr_single.length"
>答错{{ arr_single.length - dx_fractions }}道题</span
>
</div> </div>
</div> </div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<div class="pub_dt_div"><span>多选题：</span></div> <div class="pub_dt_div"><span>多选题：</span></div>
<div> <div>
<span v-if="dxs_fractions == arr_multiple.length" <span v-if="dxs_fractions == arr_multiple.length">全部答对</span>
>全部答对</span <span v-if="dxs_fractions != arr_multiple.length">答对{{ dxs_fractions }}道题</span>
> <span v-if="dxs_fractions != arr_multiple.length">答错{{ arr_multiple.length - dxs_fractions }}道题</span>
<span v-if="dxs_fractions != arr_multiple.length"
>答对{{ dxs_fractions }}道题</span
>
<span v-if="dxs_fractions != arr_multiple.length"
>答错{{ arr_multiple.length - dxs_fractions }}道题</span
>
</div> </div>
</div> </div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<div class="pub_dt_div"><span>判断题：</span></div> <div class="pub_dt_div"><span>判断题：</span></div>
<div> <div>
<span v-if="pd_fractions == arr_judge.length">全部答对</span> <span v-if="pd_fractions == arr_judge.length">全部答对</span>
<span v-if="pd_fractions != arr_judge.length" <span v-if="pd_fractions != arr_judge.length">答对{{ pd_fractions }}道题</span>
>答对{{ pd_fractions }}道题</span <span v-if="pd_fractions != arr_judge.length">答错{{ arr_judge.length - pd_fractions }}道题</span>
>
<span v-if="pd_fractions != arr_judge.length"
>答错{{ arr_judge.length - pd_fractions }}道题</span
>
</div> </div>
</div> </div>
</div> </div>
...@@ -266,8 +198,7 @@ ...@@ -266,8 +198,7 @@
<div class="tm_dt ckda" v-if="tab_st == 3"> <div class="tm_dt ckda" v-if="tab_st == 3">
<div class="pub-div"> <div class="pub-div">
<div class="tit-div"> <div class="tit-div">
<span>（一）单选题</span <span>（一）单选题</span><span class="pub-span">{{
><span class="pub-span">{{
"(共" + "(共" +
arr_single.length + arr_single.length +
"题，每题" + "题，每题" +
...@@ -278,25 +209,13 @@ ...@@ -278,25 +209,13 @@
<div class="tm-xx"> <div class="tm-xx">
<div v-for="(item, index) in arr_single" class="tm-div"> <div v-for="(item, index) in arr_single" class="tm-div">
<div> <div>
<i <i class="el-icon-check pub_i1" v-if="item.type == 'true'"></i>
class="el-icon-check pub_i1" <i class="el-icon-close pub_i2" v-if="item.type == 'false'"></i>
v-if="item.type == 'true'"
></i>
<i
class="el-icon-close pub_i2"
v-if="item.type == 'false'"
></i>
<span>{{ index + 1 + ": " + item.title }}</span> <span>{{ index + 1 + ": " + item.title }}</span>
</div> </div>
<div class="xx-div"> <div class="xx-div">
<div v-for="(items, indexs) in item.content" class="xx-dic"> <div v-for="(items, indexs) in item.content" class="xx-dic">
<el-radio <el-radio disabled v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
disabled
v-model="item._correct"
:label="items"
:key="indexs"
>{{ items }}</el-radio
>
</div> </div>
<div v-if="item.type == 'false'" class="zqxx"> <div v-if="item.type == 'false'" class="zqxx">
<span style="color: #00e209">正确选项：</span> <span style="color: #00e209">正确选项：</span>
...@@ -310,8 +229,7 @@ ...@@ -310,8 +229,7 @@
</div> </div>
<div class="pub-div"> <div class="pub-div">
<div class="tit-div"> <div class="tit-div">
<span>（二）多选题</span <span>（二）多选题</span><span class="pub-span">{{
><span class="pub-span">{{
"(共" + "(共" +
arr_multiple.length + arr_multiple.length +
"题，每题" + "题，每题" +
...@@ -322,43 +240,25 @@ ...@@ -322,43 +240,25 @@
<div class="tm-xx"> <div class="tm-xx">
<div v-for="(item, index) in arr_multiple" class="tm-div"> <div v-for="(item, index) in arr_multiple" class="tm-div">
<div> <div>
<i <i class="el-icon-check pub_i1" v-if="item.type == 'true'"></i>
class="el-icon-check pub_i1" <i class="el-icon-close pub_i2" v-if="item.type == 'false'"></i>
v-if="item.type == 'true'"
></i>
<i
class="el-icon-close pub_i2"
v-if="item.type == 'false'"
></i>
<span>{{ index + 1 + ": " + item.title }}</span> <span>{{ index + 1 + ": " + item.title }}</span>
</div> </div>
<div class="xx-div"> <div class="xx-div">
<div v-for="(items, indexs) in item.content" class="xx-dic"> <div v-for="(items, indexs) in item.content" class="xx-dic">
<el-checkbox <el-checkbox disabled v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-checkbox>
disabled
v-model="item._correct"
:label="items"
:key="indexs"
>{{ items }}</el-checkbox
>
</div> </div>
</div> </div>
<div v-if="item.type == 'false'" class="zqxx"> <div v-if="item.type == 'false'" class="zqxx">
<span style="color: #00e209">正确选项：</span> <span style="color: #00e209">正确选项：</span>
<el-checkbox <el-checkbox disabled v-for="(it, index_it) in item.correct" :key="index_it">{{ it }}</el-checkbox>
disabled
v-for="(it, index_it) in item.correct"
:key="index_it"
>{{ it }}</el-checkbox
>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="pub-div"> <div class="pub-div">
<div class="tit-div"> <div class="tit-div">
<span>（三）判断题</span <span>（三）判断题</span><span class="pub-span">{{
><span class="pub-span">{{
"(共" + "(共" +
arr_judge.length + arr_judge.length +
"题，每题" + "题，每题" +
...@@ -369,25 +269,13 @@ ...@@ -369,25 +269,13 @@
<div class="tm-xx"> <div class="tm-xx">
<div v-for="(item, index) in arr_judge" class="tm-div"> <div v-for="(item, index) in arr_judge" class="tm-div">
<div> <div>
<i <i class="el-icon-check pub_i1" v-if="item.type == 'true'"></i>
class="el-icon-check pub_i1" <i class="el-icon-close pub_i2" v-if="item.type == 'false'"></i>
v-if="item.type == 'true'"
></i>
<i
class="el-icon-close pub_i2"
v-if="item.type == 'false'"
></i>
<span>{{ index + 1 + ": " + item.title }}</span> <span>{{ index + 1 + ": " + item.title }}</span>
</div> </div>
<div class="xx-div"> <div class="xx-div">
<div v-for="(items, indexs) in item.content" class="xx-dic"> <div v-for="(items, indexs) in item.content" class="xx-dic">
<el-radio <el-radio disabled v-model="item._correct" :label="items" :key="indexs">{{ items }}</el-radio>
disabled
v-model="item._correct"
:label="items"
:key="indexs"
>{{ items }}</el-radio
>
</div> </div>
</div> </div>
<div v-if="item.type == 'false'" class="zqxx"> <div v-if="item.type == 'false'" class="zqxx">
...@@ -396,9 +284,7 @@ ...@@ -396,9 +284,7 @@
item.correct item.correct
}}</el-radio> }}</el-radio>
</div> </div>
<span style="color: #0a8dea" v-if="item.type == 'false'" <span style="color: #0a8dea" v-if="item.type == 'false'">错题正确描述：</span>
>错题正确描述：</span
>
<span style="color: #0a8dea" v-if="item.type == 'false'">{{ <span style="color: #0a8dea" v-if="item.type == 'false'">{{
item.remark item.remark
}}</span> }}</span>
...@@ -408,59 +294,29 @@ ...@@ -408,59 +294,29 @@
</div> </div>
</div> </div>
</div> </div>
<el-dialog <el-dialog title="历史答题记录" :visible.sync="dialogVisible_lsjl" width="50%" id="_plscs">
title="历史答题记录" <el-button :type="tableData_history.length == 0 ? 'info' : 'primary'" icon="el-icon-download"
:visible.sync="dialogVisible_lsjl" @click="dowload_lsjl()" :disabled="tableData_history.length == 0">下载记录</el-button>
width="50%"
id="_plscs"
>
<el-button
:type="tableData_history.length == 0 ? 'info' : 'primary'"
icon="el-icon-download"
@click="dowload_lsjl()"
:disabled="tableData_history.length == 0"
>下载记录</el-button
>
<el-table style="width: 100%" class="table-div" :data="tableData_history"> <el-table style="width: 100%" class="table-div" :data="tableData_history">
<el-table-column type="index" label="序号" width="80"></el-table-column> <el-table-column type="index" label="序号" width="80"></el-table-column>
<el-table-column prop="userId" label="答题人"></el-table-column> <el-table-column prop="userId" label="答题人"></el-table-column>
<el-table-column prop="score" label="得分" width="80"></el-table-column> <el-table-column prop="score" label="得分" width="80"></el-table-column>
<el-table-column <el-table-column prop="createTime" label="答题开始时间"></el-table-column>ckjl
prop="createTime"
label="答题开始时间"
></el-table-column
>ckjl
<el-table-column prop="endTime" label="答题结束时间"></el-table-column> <el-table-column prop="endTime" label="答题结束时间"></el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button type="primary" icon="el-icon-s-order" size="mini" @click="ckjl(scope.row)">详情</el-button>
type="primary"
icon="el-icon-s-order"
size="mini"
@click="ckjl(scope.row)"
>详情</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="page-div"> <div class="page-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" @size-change="handleSizeChange_lsjl" :total="totals_lsjl" :page-size="pageRow_lsjl"
background :current-page="current_page_qw_lsjl" @current-change="query_lsjl" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange_lsjl"
:total="totals_lsjl"
:page-size="pageRow_lsjl"
:current-page="current_page_qw_lsjl"
@current-change="query_lsjl"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="dialogVisible_lsjl = false" <el-button size="mini" @click="dialogVisible_lsjl = false">关闭</el-button>
>关闭</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
...@@ -474,7 +330,7 @@ import { ...@@ -474,7 +330,7 @@ import {
download, download,
isDuringDate, isDuringDate,
} from "../../util/http_util"; } from "../../util/http_util";
import {} from "../../util/data_util"; import { } from "../../util/data_util";
export default { export default {
data() { data() {
return { return {
...@@ -986,27 +842,33 @@ export default { ...@@ -986,27 +842,33 @@ export default {
overflow: hidden; overflow: hidden;
background-image: url("../../assets/img/xxxl/01.png"); background-image: url("../../assets/img/xxxl/01.png");
background-size: 100% 100%; background-size: 100% 100%;
.table_lb { .table_lb {
width: 100%; width: 100%;
height: 100%; height: 100%;
.top-div { .top-div {
width: calc(100% - 40px); width: calc(100% - 40px);
height: 80px; height: 80px;
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
.el-select { .el-select {
float: left; float: left;
margin-left: 20px; margin-left: 20px;
width: 150px !important; width: 150px !important;
.el-input { .el-input {
width: unset !important; width: unset !important;
} }
} }
.el-input { .el-input {
float: left; float: left;
width: 225px; width: 225px;
margin-left: 0px; margin-left: 0px;
margin-top: 30px; margin-top: 30px;
.el-input__inner { .el-input__inner {
background: none; background: none;
color: #ffff; color: #ffff;
...@@ -1014,6 +876,7 @@ export default { ...@@ -1014,6 +876,7 @@ export default {
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
} }
.button-discuss { .button-discuss {
margin-top: 35px; margin-top: 35px;
width: 100px; width: 100px;
...@@ -1028,6 +891,7 @@ export default { ...@@ -1028,6 +891,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
margin-left: 20px; margin-left: 20px;
} }
.xjzt-div { .xjzt-div {
margin-top: 30px; margin-top: 30px;
float: right; float: right;
...@@ -1043,100 +907,127 @@ export default { ...@@ -1043,100 +907,127 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.bottom-div { .bottom-div {
width: calc(100% - 40px); width: calc(100% - 40px);
height: calc(100% - 115px); height: calc(100% - 115px);
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
.table-div { .table-div {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
margin-top: 20px; margin-top: 20px;
margin-left: 0px; margin-left: 0px;
.pub-xdzy { .pub-xdzy {
width: 35px; width: 35px;
height: 35px; height: 35px;
float: left; float: left;
cursor: pointer; cursor: pointer;
} }
.dt { .dt {
background-image: url(../../assets/img/xxxl/new/dt.png); background-image: url(../../assets/img/xxxl/new/dt.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.lsjl { .lsjl {
background-image: url(../../assets/img/xxxl/new/lsjl.png); background-image: url(../../assets/img/xxxl/new/lsjl.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.dt:hover { .dt:hover {
background-image: url(../../assets/img/xxxl/new/dt1.png); background-image: url(../../assets/img/xxxl/new/dt1.png);
} }
.lsjl:hover { .lsjl:hover {
background-image: url(../../assets/img/xxxl/new/lsjl1.png); background-image: url(../../assets/img/xxxl/new/lsjl1.png);
} }
.el-table tr { .el-table tr {
background-color: #1d2d46 !important; background-color: transparent !important;
color: #ffffff; color: #ffffffc7;
} }
.el-table .el-table__header-wrapper tr {
background-image: url(../../assets/img/flfg/new/4.png); .el-table thead tr {
background-repeat: no-repeat; height: 40px;
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
box-shadow: 0px 0px 10px #292929;
color: #ffffffc7;
font-size: 14px;
} }
.el-table th {
background-color: transparent;
}
tbody tr {
border-bottom: 1px solid #252631;
}
.el-table td { .el-table td {
border-bottom: 1px solid #91919170; border-bottom: 1px solid #252631;
border-right: unset; border-right: unset;
} }
.el-table--enable-row-hover .el-table__body tr:hover > td {
background-color: #82848a00; .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78;
} }
.el-table th { .el-table th {
border: unset; border: unset;
background: #ff000000; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
} }
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-view { .el-icon-view {
color: #00ffff; color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
background-color: unset; background-color: unset;
} }
} }
.page-div { .page-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -1146,6 +1037,7 @@ export default { ...@@ -1146,6 +1037,7 @@ export default {
} }
} }
} }
.sjtms { .sjtms {
width: calc(100% - 60px) !important; width: calc(100% - 60px) !important;
height: calc(100% - 50px) !important; height: calc(100% - 50px) !important;
...@@ -1153,11 +1045,13 @@ export default { ...@@ -1153,11 +1045,13 @@ export default {
background-color: white; background-color: white;
position: relative; position: relative;
border-radius: 7px; border-radius: 7px;
.fh { .fh {
position: absolute; position: absolute;
right: 50px; right: 50px;
top: 20px; top: 20px;
} }
.pub-class-div { .pub-class-div {
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
...@@ -1169,45 +1063,57 @@ export default { ...@@ -1169,45 +1063,57 @@ export default {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
line-height: 23px; line-height: 23px;
.tm_dt { .tm_dt {
width: 100%; width: 100%;
height: 100%; height: 100%;
.title-class { .title-class {
text-align: center; text-align: center;
color: black; color: black;
.title-div { .title-div {
font-size: 22px; font-size: 22px;
font-weight: 800; font-weight: 800;
} }
} }
.pub_dt_div { .pub_dt_div {
width: 70px; width: 70px;
float: left; float: left;
} }
.pub-div { .pub-div {
.tit-div { .tit-div {
font-size: 19px; font-size: 19px;
.pub-span { .pub-span {
font-size: 13px; font-size: 13px;
} }
} }
.tm-xx { .tm-xx {
margin-top: 20px; margin-top: 20px;
.tm-div { .tm-div {
margin-left: 40px; margin-left: 40px;
margin-right: 30px; margin-right: 30px;
.xx-div { .xx-div {
margin-left: 30px; margin-left: 30px;
margin-top: 13px; margin-top: 13px;
margin-right: 30px; margin-right: 30px;
.xx-dic { .xx-dic {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
.el-radio__label { .el-radio__label {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
line-height: 23px; line-height: 23px;
} }
.el-checkbox__label { .el-checkbox__label {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
...@@ -1219,30 +1125,36 @@ export default { ...@@ -1219,30 +1125,36 @@ export default {
} }
} }
} }
.ckda { .ckda {
.pub_i1 { .pub_i1 {
color: #22ea00; color: #22ea00;
font-size: 25px; font-size: 25px;
} }
.pub_i2 { .pub_i2 {
color: red; color: red;
font-size: 25px; font-size: 25px;
} }
.xx-dic { .xx-dic {
.is-checked { .is-checked {
.el-radio__label { .el-radio__label {
color: #424242; color: #424242;
} }
.el-checkbox__label { .el-checkbox__label {
color: #424242; color: #424242;
} }
} }
} }
.zqxx { .zqxx {
.is-disabled { .is-disabled {
.el-radio__label { .el-radio__label {
color: #22ea00; color: #22ea00;
} }
.el-checkbox__label { .el-checkbox__label {
color: #22ea00; color: #22ea00;
} }
...@@ -1250,41 +1162,53 @@ export default { ...@@ -1250,41 +1162,53 @@ export default {
} }
} }
} }
.pub-class-div::-webkit-scrollbar-thumb { .pub-class-div::-webkit-scrollbar-thumb {
background: #cccccc; background: #cccccc;
} }
.pub-class-div::-webkit-scrollbar-track { .pub-class-div::-webkit-scrollbar-track {
background: #e4e4e4; background: #e4e4e4;
} }
} }
.el-dialog { .el-dialog {
.el-dialog__body { .el-dialog__body {
padding: 0px 10px; padding: 0px 10px;
} }
.el-dialog__header { .el-dialog__header {
text-align: center; text-align: center;
} }
background-color: #1d2d4700 !important; background-color: #1d2d4700 !important;
background-image: url(../../assets/img/xxxl/new/tk.png); background-image: url(../../assets/img/xxxl/new/tk.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.el-dialog__header { .el-dialog__header {
padding: 35px 0px 0px; padding: 35px 0px 0px;
.el-dialog__headerbtn { .el-dialog__headerbtn {
top: 40px; top: 40px;
} }
} }
.el-dialog__title { .el-dialog__title {
color: #ffffff; color: #ffffff;
} }
.el-form-item__label { .el-form-item__label {
color: #dadada; color: #dadada;
} }
.el-dialog__body { .el-dialog__body {
padding: 25px 25px 0px; padding: 25px 25px 0px;
} }
.el-dialog__footer { .el-dialog__footer {
padding: 4px 0px 84px; padding: 4px 0px 84px;
.el-button { .el-button {
border-radius: 20px; border-radius: 20px;
background: linear-gradient(to right, #c36a00, #e99e28); background: linear-gradient(to right, #c36a00, #e99e28);
...@@ -1292,19 +1216,23 @@ export default { ...@@ -1292,19 +1216,23 @@ export default {
color: white; color: white;
} }
} }
.el-table__body tr:hover > td {
.el-table__body tr:hover>td {
background-color: unset; background-color: unset;
} }
.table-div { .table-div {
width: 100%; width: 100%;
height: 500px; height: 500px;
margin-top: 20px; margin-top: 20px;
margin-left: 0px; margin-left: 0px;
background: #e6e6e600; background: #e6e6e600;
tr { tr {
background-color: unset; background-color: unset;
color: #ffffff; color: #ffffff;
} }
.el-table__header-wrapper tr { .el-table__header-wrapper tr {
background-image: url(../../assets/img/flfg/new/4.png); background-image: url(../../assets/img/flfg/new/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -1313,33 +1241,46 @@ export default { ...@@ -1313,33 +1241,46 @@ export default {
color: #ffffff; color: #ffffff;
font-size: 14px; font-size: 14px;
} }
th { th {
border: unset; border: unset;
color: #ffffff; color: #ffffff;
font-size: 14px; font-size: 14px;
background-color: unset; background-color: unset;
} }
td {
border-bottom: 1px solid #252631 !important;
border-right: unset;
}
.el-table__body-wrapper { .el-table__body-wrapper {
height: 452px; height: 452px;
overflow-y: auto; overflow-y: auto;
} }
.cell { .cell {
text-align: center; text-align: center;
} }
} }
.page-div { .page-div {
width: 100%; width: 100%;
height: 35px; height: 35px;
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
......
src/view/xxxl/llxx.vue
View file @ 15729245
...@@ -2,14 +2,8 @@ ...@@ -2,14 +2,8 @@
<div id="llxx"> <div id="llxx">
<div class="search"> <div class="search">
<div class="button-back" @click="ceshi" style="display: none">测试</div> <div class="button-back" @click="ceshi" style="display: none">测试</div>
<el-switch <el-switch v-model="valueSelect" active-text="全文检索" inactive-text="按名称搜索" active-color="#409EFF"
v-model="valueSelect" inactive-color="rgb(19, 206, 102)" v-show="flag == 1"></el-switch>
active-text="全文检索"
inactive-text="按名称搜索"
active-color="#409EFF"
inactive-color="rgb(19, 206, 102)"
v-show="flag == 1"
></el-switch>
<el-input v-model="input"></el-input> <el-input v-model="input"></el-input>
<div class="button-back" @click="flag = 1" v-show="flag != 1"> <div class="button-back" @click="flag = 1" v-show="flag != 1">
返回主界面 返回主界面
...@@ -36,30 +30,17 @@ ...@@ -36,30 +30,17 @@
<div class="card-content"> <div class="card-content">
<div class="content-img"> <div class="content-img">
<div v-for="(item1, index1) in item.img"> <div v-for="(item1, index1) in item.img">
<img <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
:src="PickerPath_url + item1.folder + '/' + item1.image" @contextmenu.prevent.stop="showInfo(item1)" />
alt=""
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
/>
</div> </div>
</div> </div>
<div class="content-list"> <div class="content-list">
<ul> <ul>
<li <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
v-for="(item1, index1) in item.lawList" @contextmenu.prevent.stop="showInfo(item1)">
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
>
<div class="mark"></div> <div class="mark"></div>
<div <div v-text="item1.originName" :title="item1.originName"></div>
v-text="item1.originName" <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
:title="item1.originName"
></div>
<div
v-text="item1.createTime.slice(5, 10)"
:title="item1.createTime"
></div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -85,30 +66,17 @@ ...@@ -85,30 +66,17 @@
<div class="card-content"> <div class="card-content">
<div class="content-img"> <div class="content-img">
<div v-for="(item1, index1) in item.img"> <div v-for="(item1, index1) in item.img">
<img <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
:src="PickerPath_url + item1.folder + '/' + item1.image" @contextmenu.prevent.stop="showInfo(item1)" />
alt=""
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
/>
</div> </div>
</div> </div>
<div class="content-list"> <div class="content-list">
<ul> <ul>
<li <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
v-for="(item1, index1) in item.lawList" @contextmenu.prevent.stop="showInfo(item1)">
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
>
<div class="mark"></div> <div class="mark"></div>
<div <div v-text="item1.originName" :title="item1.originName"></div>
v-text="item1.originName" <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
:title="item1.originName"
></div>
<div
v-text="item1.createTime.slice(5, 10)"
:title="item1.createTime"
></div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -125,10 +93,7 @@ ...@@ -125,10 +93,7 @@
<div class="background-div"></div> <div class="background-div"></div>
<!-- <div class="supportingInformation-title">XXXXXXXXXXXXXX支撑信息</div> --> <!-- <div class="supportingInformation-title">XXXXXXXXXXXXXX支撑信息</div> -->
<div class="supportingInformation-content"> <div class="supportingInformation-content">
<div <div class="content-card " v-for="(item, index) in supportingInformation">
class="content-card "
v-for="(item, index) in supportingInformation"
>
<div class="card-title"> <div class="card-title">
<!-- <img :src="titleImg[0]" alt=""> --> <!-- <img :src="titleImg[0]" alt=""> -->
<span v-text="item.title"></span> <span v-text="item.title"></span>
...@@ -138,30 +103,17 @@ ...@@ -138,30 +103,17 @@
<div class="card-content"> <div class="card-content">
<div class="content-img"> <div class="content-img">
<div v-for="(item1, index1) in item.img"> <div v-for="(item1, index1) in item.img">
<img <img :src="PickerPath_url + item1.folder + '/' + item1.image" alt="" @click="viewLiterature(item1)"
:src="PickerPath_url + item1.folder + '/' + item1.image" @contextmenu.prevent.stop="showInfo(item1)" />
alt=""
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
/>
</div> </div>
</div> </div>
<div class="content-list"> <div class="content-list">
<ul> <ul>
<li <li v-for="(item1, index1) in item.lawList" @click="viewLiterature(item1)"
v-for="(item1, index1) in item.lawList" @contextmenu.prevent.stop="showInfo(item1)">
@click="viewLiterature(item1)"
@contextmenu.prevent.stop="showInfo(item1)"
>
<div class="mark"></div> <div class="mark"></div>
<div <div v-text="item1.originName" :title="item1.originName"></div>
v-text="item1.originName" <div v-text="item1.createTime.slice(5, 10)" :title="item1.createTime"></div>
:title="item1.originName"
></div>
<div
v-text="item1.createTime.slice(5, 10)"
:title="item1.createTime"
></div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -188,82 +140,44 @@ ...@@ -188,82 +140,44 @@
</tbody> </tbody>
</table> </table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" :page-size="everySize" :current-page="currentPage" @current-change="handleCurrentChange" :total="total"
background @size-change="handleSizeChange" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
:page-size="everySize"
:current-page="currentPage"
@current-change="handleCurrentChange"
:total="total"
@size-change="handleSizeChange"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<div id="llxxKinds" v-show="flag == 3"> <div id="llxxKinds" v-show="flag == 3">
<div class="llxxKinds-content"> <div class="llxxKinds-content">
<div class="left-content"> <div class="left-content">
<el-tree <el-tree :data="treeData" @node-click="handleNodeClick" highlight-current></el-tree>
:data="treeData"
@node-click="handleNodeClick"
highlight-current
></el-tree>
</div> </div>
<div class="right-content"> <div class="right-content">
<el-table <el-table :data="literatureListKinds" @row-click="viewLiterature">
:data="literatureListKinds"
style="width: 100%; height: calc(100% - 50px)"
height="calc(100% - 50px)"
:header-cell-style="{ color: 'white', background: '#263b5d' }"
:row-style="{ color: 'white', background: '#1d2d46' }"
@row-click="viewLiterature"
>
<el-table-column type="index" label="序号" width="180"> <el-table-column type="index" label="序号" width="180">
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="originName" label="文件名" show-overflow-tooltip="">
prop="originName"
label="文件名"
show-overflow-tooltip=""
>
</el-table-column> </el-table-column>
<el-table-column prop="createTime" label="上传时间" width="250"> <el-table-column prop="createTime" label="上传时间" width="250">
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" :page-size="everySizeKinds" :current-page="currentPageKinds" :total="totalKinds"
background @current-change="handleCurrentChangeKinds" @size-change="handleSizeChangeKinds"
layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100]">
:page-size="everySizeKinds"
:current-page="currentPageKinds"
:total="totalKinds"
@current-change="handleCurrentChangeKinds"
@size-change="handleSizeChangeKinds"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="literatureInfo" v-show="flag == 4" v-if="pickObj.attachment"> <div id="literatureInfo" v-show="flag == 4" v-if="pickObj.attachment">
<div <div class="literatureInfo" v-html="pickObj.attachment.content" @contextmenu.prevent.stop="openMenu($event)"></div>
class="literatureInfo" <div v-show="visible" :style="{
v-html="pickObj.attachment.content"
@contextmenu.prevent.stop="openMenu($event)"
></div>
<div
v-show="visible"
:style="{
position: 'absolute', position: 'absolute',
backgroundColor: 'white', backgroundColor: 'white',
left: left + 'px', left: left + 'px',
top: top + 'px', top: top + 'px',
}" }" class="contextmenu">
class="contextmenu"
>
<ul> <ul>
<li @click="relatedPerson">关联人物</li> <li @click="relatedPerson">关联人物</li>
<li @click="relatedOrganization">关联机构</li> <li @click="relatedOrganization">关联机构</li>
...@@ -275,14 +189,9 @@ ...@@ -275,14 +189,9 @@
<div class="xgtj-div" v-show="flag == 4" v-if="pickObj.attachment"> <div class="xgtj-div" v-show="flag == 4" v-if="pickObj.attachment">
<div>相关推荐</div> <div>相关推荐</div>
<ul> <ul>
<li <li v-for="(item, index) in xgtj_news_data" v-show="item.id != getNews.id"
v-for="(item, index) in xgtj_news_data" :title="item.title_zh == null ? item.title : item.title_zh" @click="showInfo(item)">
v-show="item.id != getNews.id" <span>{{ index + 1 + "：" }}</span>{{ item.title_zh == null ? item.title : item.title_zh }}
:title="item.title_zh == null ? item.title : item.title_zh"
@click="showInfo(item)"
>
<span>{{ index + 1 + "：" }}</span
>{{ item.title_zh == null ? item.title : item.title_zh }}
</li> </li>
</ul> </ul>
</div> </div>
...@@ -299,55 +208,29 @@ ...@@ -299,55 +208,29 @@
<tbody> <tbody>
<tr v-for="(item, index) in fulltextLiteratureList"> <tr v-for="(item, index) in fulltextLiteratureList">
<td v-text="returnName(item.folder)"></td> <td v-text="returnName(item.folder)"></td>
<td <td v-text="item.literatureOriginName" @click="viewLiterature(item)"></td>
v-text="item.literatureOriginName"
@click="viewLiterature(item)"
></td>
<td v-html="item.highLight" :title="item.highLight"></td> <td v-html="item.highLight" :title="item.highLight"></td>
<td v-text="item.createTime"></td> <td v-text="item.createTime"></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div class="pagination-div"> <div class="pagination-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" :page-size="fulltextPagination.everySize" :current-page="fulltextPagination.currentPage"
background @current-change="handleCurrentChangeFulltext" :total="fulltextPagination.total"
layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChangeFulltext" :page-sizes="[10, 20, 50, 100]">
:page-size="fulltextPagination.everySize"
:current-page="fulltextPagination.currentPage"
@current-change="handleCurrentChangeFulltext"
:total="fulltextPagination.total"
@size-change="handleSizeChangeFulltext"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<el-dialog <el-dialog title="关联人物" :visible.sync="dialogVisiblePerson" width="30%" :before-close="handleClose">
title="关联人物"
:visible.sync="dialogVisiblePerson"
width="30%"
:before-close="handleClose"
>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
type="textarea" disabled style="width: 70%"></el-input>
:autosize="{ minRows: 2, maxRows: 10 }"
placeholder="请输入内容"
v-model="selectText"
disabled
style="width: 70%"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="搜索人物"> <el-form-item label="搜索人物">
<el-autocomplete <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
v-model="state" @select="handleSelect" style="width: 70%"></el-autocomplete>
:fetch-suggestions="querySearchAsync"
placeholder="请输入内容"
@select="handleSelect"
style="width: 70%"
></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="选择类型"> <el-form-item label="选择类型">
<el-select v-model="personType" style="width: 70%"> <el-select v-model="personType" style="width: 70%">
...@@ -366,31 +249,15 @@ ...@@ -366,31 +249,15 @@
<el-button type="primary" @click="defineRelatedPerson">确 定</el-button> <el-button type="primary" @click="defineRelatedPerson">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="关联机构" :visible.sync="dialogVisibleOrganization" width="30%" :before-close="handleClose">
title="关联机构"
:visible.sync="dialogVisibleOrganization"
width="30%"
:before-close="handleClose"
>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入内容" v-model="selectText"
type="textarea" disabled style="width: 70%"></el-input>
:autosize="{ minRows: 2, maxRows: 10 }"
placeholder="请输入内容"
v-model="selectText"
disabled
style="width: 70%"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="搜索机构"> <el-form-item label="搜索机构">
<el-autocomplete <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsyncOrganization" placeholder="请输入内容"
v-model="state" @select="handleSelect" style="width: 70%"></el-autocomplete>
:fetch-suggestions="querySearchAsyncOrganization"
placeholder="请输入内容"
@select="handleSelect"
style="width: 70%"
></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="选择类型"> <el-form-item label="选择类型">
<el-select v-model="organizationType" style="width: 70%"> <el-select v-model="organizationType" style="width: 70%">
...@@ -409,135 +276,87 @@ ...@@ -409,135 +276,87 @@
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleOrganization = false">取 消</el-button> <el-button @click="dialogVisibleOrganization = false">取 消</el-button>
<el-button type="primary" @click="defineRelatedOrganization" <el-button type="primary" @click="defineRelatedOrganization">确 定</el-button>
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="添加标签" :visible.sync="dialogVisibleTag" width="30%" :before-close="handleClose">
title="添加标签" <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)">
:visible.sync="dialogVisibleTag"
width="30%"
:before-close="handleClose"
>
<el-tag
:key="tag"
v-for="tag in dynamicTags"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
{{ tag }} {{ tag }}
</el-tag> </el-tag>
<el-input <el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
class="input-new-tag" @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm"
@blur="handleInputConfirm"
>
</el-input> </el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput" <el-button v-else class="button-new-tag" size="small" @click="showInput">+ 标签</el-button>
>+ 标签</el-button
>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="dialogVisibleTag = false">取 消</el-button> <el-button @click="dialogVisibleTag = false">取 消</el-button>
<el-button type="primary" @click="defineAddTag">确 定</el-button> <el-button type="primary" @click="defineAddTag">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="添加收藏" :visible.sync="dialogVisibleCollection" width="20%" :before-close="handleClose">
title="添加收藏"
:visible.sync="dialogVisibleCollection"
width="20%"
:before-close="handleClose"
>
<ul> <ul>
<li <li v-for="(item, index) in collectionFolder" @click.stop="addFolder(item, index)"
v-for="(item, index) in collectionFolder" :style="{ background: index == selectIndex ? '#f56c6c' : '' }">
@click.stop="addFolder(item, index)"
:style="{ background: index == selectIndex ? '#f56c6c' : '' }"
>
<span class="el-icon-folder-opened"></span>&emsp;{{ item.name }} <span class="el-icon-folder-opened"></span>&emsp;{{ item.name }}
<el-button <el-button class="delete" type="text" size="mini" @click.stop.native="delectCollectionFolder(item.id)">
class="delete"
type="text"
size="mini"
@click.stop.native="delectCollectionFolder(item.id)"
>
<i class="el-icon-error"></i> <i class="el-icon-error"></i>
</el-button> </el-button>
</li> </li>
</ul> </ul>
<el-dialog <el-dialog width="30%" title="新增收藏夹" :visible.sync="innerVisible" append-to-body>
width="30%"
title="新增收藏夹"
:visible.sync="innerVisible"
append-to-body
>
<el-form ref="form" label-width="120px"> <el-form ref="form" label-width="120px">
<el-form-item label="名称"> <el-form-item label="名称">
<el-input <el-input v-model="collectionName" placeholder="请输入收藏夹名称" @click.stop.native="stopstop"
v-model="collectionName" style="width: 70%"></el-input>
placeholder="请输入收藏夹名称"
@click.stop.native="stopstop"
style="width: 70%"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click.stop="innerVisible = false" <el-button size="mini" @click.stop="innerVisible = false">取 消</el-button>
>取 消</el-button <el-button size="mini" type="danger" @click.stop="addCollectionFolder()">确 定</el-button>
>
<el-button
size="mini"
type="danger"
@click.stop="addCollectionFolder()"
>确 定</el-button
>
</span> </span>
</el-dialog> </el-dialog>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="" size="mini" @click.stop="defineAddCollection" <el-button type="" size="mini" @click.stop="defineAddCollection">确定</el-button>
>确定</el-button <el-button type="danger" size="mini" @click.stop="innerVisible = true">新增收藏夹</el-button>
>
<el-button type="danger" size="mini" @click.stop="innerVisible = true"
>新增收藏夹</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<style lang="scss"> <style lang="scss">
#llxx { #llxx {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 40px; padding: 40px;
box-sizing: border-box; box-sizing: border-box;
overflow-y: hidden; overflow-y: hidden;
.search { .search {
width: 100%; width: 100%;
height: 50px; height: 50px;
// line-height: 50px; // line-height: 50px;
text-align: right; text-align: right;
.el-switch { .el-switch {
margin-right: 15px; margin-right: 15px;
.el-switch__label * { .el-switch__label * {
line-height: normal; line-height: normal;
} }
.el-switch__label { .el-switch__label {
color: white; color: white;
} }
.is-active { .is-active {
color: #409eff; color: #409eff;
} }
} }
.el-input { .el-input {
width: 200px; width: 200px;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
input { input {
height: 30px; height: 30px;
color: white; color: white;
...@@ -546,6 +365,7 @@ ...@@ -546,6 +365,7 @@
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
} }
.button-search { .button-search {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -559,6 +379,7 @@ ...@@ -559,6 +379,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-upload { .button-upload {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -572,6 +393,7 @@ ...@@ -572,6 +393,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-back { .button-back {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -585,11 +407,13 @@ ...@@ -585,11 +407,13 @@
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
.llxx-content { .llxx-content {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
.background-div { .background-div {
width: 100%; width: 100%;
height: 40px; height: 40px;
...@@ -597,6 +421,7 @@ ...@@ -597,6 +421,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.businessTheory { .businessTheory {
.businessTheory-title { .businessTheory-title {
width: 100%; width: 100%;
...@@ -611,6 +436,7 @@ ...@@ -611,6 +436,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.png-div { .png-div {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -620,6 +446,7 @@ ...@@ -620,6 +446,7 @@
margin-right: 30px; margin-right: 30px;
margin-top: 13px; margin-top: 13px;
} }
.png-div1 { .png-div1 {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -631,8 +458,10 @@ ...@@ -631,8 +458,10 @@
margin-top: 13px; margin-top: 13px;
} }
} }
.businessTheory-content { .businessTheory-content {
height: 402px; height: 402px;
.content-card { .content-card {
width: calc(100% / 3 - 100px / 3); width: calc(100% / 3 - 100px / 3);
height: 100%; height: 100%;
...@@ -640,6 +469,7 @@ ...@@ -640,6 +469,7 @@
margin: 15px; margin: 15px;
background-image: url(../../assets/img/flfg/new/5.png); background-image: url(../../assets/img/flfg/new/5.png);
background-size: 100% 100%; background-size: 100% 100%;
.card-title { .card-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -647,14 +477,17 @@ ...@@ -647,14 +477,17 @@
padding-left: 40px; padding-left: 40px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
img { img {
width: 60px; width: 60px;
} }
span { span {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
letter-spacing: 5px; letter-spacing: 5px;
} }
.el-icon-more { .el-icon-more {
float: right; float: right;
margin-top: 15px; margin-top: 15px;
...@@ -664,12 +497,14 @@ ...@@ -664,12 +497,14 @@
cursor: pointer; cursor: pointer;
} }
} }
.card-content { .card-content {
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
// background-image: url(../../assets/img/flfg/cardContent.png); // background-image: url(../../assets/img/flfg/cardContent.png);
// background-size: 100% 100%; // background-size: 100% 100%;
.content-img { .content-img {
...@@ -677,14 +512,17 @@ ...@@ -677,14 +512,17 @@
height: 100px; height: 100px;
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
div { div {
width: calc(50% - 45px); width: calc(50% - 45px);
height: 100px; height: 100px;
float: left; float: left;
margin-left: 40px; margin-left: 40px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -692,15 +530,19 @@ ...@@ -692,15 +530,19 @@
} }
} }
} }
.content-list { .content-list {
height: calc(100% - 130px); height: calc(100% - 130px);
margin-top: 10px; margin-top: 10px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
ul { ul {
width: calc(100% - 70px); width: calc(100% - 70px);
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -711,6 +553,7 @@ ...@@ -711,6 +553,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
div { div {
&:first-child { &:first-child {
width: 5px; width: 5px;
...@@ -723,6 +566,7 @@ ...@@ -723,6 +566,7 @@
background-color: grey; background-color: grey;
opacity: 0.5; opacity: 0.5;
} }
&:nth-child(2) { &:nth-child(2) {
width: 70%; width: 70%;
float: left; float: left;
...@@ -730,9 +574,11 @@ ...@@ -730,9 +574,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
&:last-child { &:last-child {
float: right; float: right;
} }
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -746,8 +592,10 @@ ...@@ -746,8 +592,10 @@
} }
} }
} }
.socialEnvironment { .socialEnvironment {
margin-top: 10px; margin-top: 10px;
.socialEnvironment-title { .socialEnvironment-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -762,6 +610,7 @@ ...@@ -762,6 +610,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.png-div { .png-div {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -771,6 +620,7 @@ ...@@ -771,6 +620,7 @@
margin-right: 30px; margin-right: 30px;
margin-top: 13px; margin-top: 13px;
} }
.png-div1 { .png-div1 {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -782,8 +632,10 @@ ...@@ -782,8 +632,10 @@
margin-top: 13px; margin-top: 13px;
} }
} }
.socialEnvironment-content { .socialEnvironment-content {
height: 402px; height: 402px;
.content-card { .content-card {
width: calc(100% / 3 - 100px / 3); width: calc(100% / 3 - 100px / 3);
height: 100%; height: 100%;
...@@ -791,6 +643,7 @@ ...@@ -791,6 +643,7 @@
margin: 15px; margin: 15px;
background-image: url(../../assets/img/flfg/new/5.png); background-image: url(../../assets/img/flfg/new/5.png);
background-size: 100% 100%; background-size: 100% 100%;
.card-title { .card-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -798,14 +651,17 @@ ...@@ -798,14 +651,17 @@
padding-left: 40px; padding-left: 40px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
img { img {
width: 60px; width: 60px;
} }
span { span {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
letter-spacing: 5px; letter-spacing: 5px;
} }
.el-icon-more { .el-icon-more {
float: right; float: right;
margin-top: 15px; margin-top: 15px;
...@@ -815,12 +671,14 @@ ...@@ -815,12 +671,14 @@
cursor: pointer; cursor: pointer;
} }
} }
.card-content { .card-content {
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
// background-image: url(../../assets/img/flfg/cardContent.png); // background-image: url(../../assets/img/flfg/cardContent.png);
// background-size: 100% 100%; // background-size: 100% 100%;
.content-img { .content-img {
...@@ -828,14 +686,17 @@ ...@@ -828,14 +686,17 @@
height: 100px; height: 100px;
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
div { div {
width: calc(50% - 45px); width: calc(50% - 45px);
height: 100px; height: 100px;
float: left; float: left;
margin-left: 40px; margin-left: 40px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -843,15 +704,19 @@ ...@@ -843,15 +704,19 @@
} }
} }
} }
.content-list { .content-list {
height: calc(100% - 130px); height: calc(100% - 130px);
margin-top: 10px; margin-top: 10px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
ul { ul {
width: calc(100% - 70px); width: calc(100% - 70px);
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -862,6 +727,7 @@ ...@@ -862,6 +727,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
div { div {
&:first-child { &:first-child {
width: 5px; width: 5px;
...@@ -874,6 +740,7 @@ ...@@ -874,6 +740,7 @@
background-color: grey; background-color: grey;
opacity: 0.5; opacity: 0.5;
} }
&:nth-child(2) { &:nth-child(2) {
width: 70%; width: 70%;
float: left; float: left;
...@@ -881,9 +748,11 @@ ...@@ -881,9 +748,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
&:last-child { &:last-child {
float: right; float: right;
} }
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -897,8 +766,10 @@ ...@@ -897,8 +766,10 @@
} }
} }
} }
.supportingInformation { .supportingInformation {
margin-top: 10px; margin-top: 10px;
.supportingInformation-title { .supportingInformation-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -913,6 +784,7 @@ ...@@ -913,6 +784,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.png-div { .png-div {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -922,6 +794,7 @@ ...@@ -922,6 +794,7 @@
margin-right: 30px; margin-right: 30px;
margin-top: 13px; margin-top: 13px;
} }
.png-div1 { .png-div1 {
width: 28px; width: 28px;
height: 26px; height: 26px;
...@@ -933,8 +806,10 @@ ...@@ -933,8 +806,10 @@
margin-top: 13px; margin-top: 13px;
} }
} }
.supportingInformation-content { .supportingInformation-content {
height: 402px; height: 402px;
.content-card { .content-card {
width: calc(100% / 3 - 100px / 3); width: calc(100% / 3 - 100px / 3);
height: 100%; height: 100%;
...@@ -942,6 +817,7 @@ ...@@ -942,6 +817,7 @@
margin: 15px; margin: 15px;
background-image: url(../../assets/img/flfg/new/5.png); background-image: url(../../assets/img/flfg/new/5.png);
background-size: 100% 100%; background-size: 100% 100%;
.card-title { .card-title {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -949,14 +825,17 @@ ...@@ -949,14 +825,17 @@
padding-left: 40px; padding-left: 40px;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
img { img {
width: 60px; width: 60px;
} }
span { span {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
letter-spacing: 5px; letter-spacing: 5px;
} }
.el-icon-more { .el-icon-more {
float: right; float: right;
margin-top: 15px; margin-top: 15px;
...@@ -966,12 +845,14 @@ ...@@ -966,12 +845,14 @@
cursor: pointer; cursor: pointer;
} }
} }
.card-content { .card-content {
width: calc(100% - 20px); width: calc(100% - 20px);
height: calc(100% - 50px); height: calc(100% - 50px);
margin-left: 10px; margin-left: 10px;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
// background-image: url(../../assets/img/flfg/cardContent.png); // background-image: url(../../assets/img/flfg/cardContent.png);
// background-size: 100% 100%; // background-size: 100% 100%;
.content-img { .content-img {
...@@ -979,14 +860,17 @@ ...@@ -979,14 +860,17 @@
height: 100px; height: 100px;
margin-top: 20px; margin-top: 20px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
div { div {
width: calc(50% - 45px); width: calc(50% - 45px);
height: 100px; height: 100px;
float: left; float: left;
margin-left: 40px; margin-left: 40px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -994,15 +878,19 @@ ...@@ -994,15 +878,19 @@
} }
} }
} }
.content-list { .content-list {
height: calc(100% - 130px); height: calc(100% - 130px);
margin-top: 10px; margin-top: 10px;
overflow-y: auto; overflow-y: auto;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
ul { ul {
width: calc(100% - 70px); width: calc(100% - 70px);
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1013,6 +901,7 @@ ...@@ -1013,6 +901,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
div { div {
&:first-child { &:first-child {
width: 5px; width: 5px;
...@@ -1025,6 +914,7 @@ ...@@ -1025,6 +914,7 @@
background-color: grey; background-color: grey;
opacity: 0.5; opacity: 0.5;
} }
&:nth-child(2) { &:nth-child(2) {
width: 70%; width: 70%;
float: left; float: left;
...@@ -1032,9 +922,11 @@ ...@@ -1032,9 +922,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
&:last-child { &:last-child {
float: right; float: right;
} }
&:hover { &:hover {
font-weight: bold; font-weight: bold;
color: #0dada7; color: #0dada7;
...@@ -1049,62 +941,75 @@ ...@@ -1049,62 +941,75 @@
} }
} }
} }
.searchResult { .searchResult {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
overflow-y: auto; overflow-y: auto;
table { table {
width: 100%; width: 100%;
height: calc(100% - 60px); height: calc(100% - 60px);
text-align: center; text-align: center;
thead { thead {
display: table; display: table;
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
tr { tr {
height: 50px; height: 50px;
color: white; color: white;
text-align: center; text-align: center;
background-image: url(../../assets/img/flfg/new/4.png); background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
box-shadow: 0px 0px 10px #292929;
td { td {
&:first-child { &:first-child {
width: 180px; width: 180px;
text-align: center; text-align: center;
} }
&:last-child { &:last-child {
width: 150px; width: 150px;
} }
} }
} }
} }
tbody { tbody {
height: calc(100% - 50px); height: calc(100% - 50px);
display: block; display: block;
overflow-y: scroll; overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; // 隐藏滚动条 display: none; // 隐藏滚动条
} }
tr { tr {
display: table; display: table;
width: 100%; width: 100%;
border-bottom: 1px solid #91919170; border-bottom: 1px solid #91919170;
table-layout: fixed; table-layout: fixed;
td { td {
color: white; color: white;
&:first-child { &:first-child {
width: 180px; width: 180px;
text-align: center; text-align: center;
} }
&:last-child { &:last-child {
width: 150px; width: 150px;
span:hover { span:hover {
color: green; color: green;
cursor: pointer; cursor: pointer;
} }
} }
&:nth-child(2):hover { &:nth-child(2):hover {
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
...@@ -1115,6 +1020,7 @@ ...@@ -1115,6 +1020,7 @@
} }
} }
} }
.fulltext { .fulltext {
td { td {
&:first-child { &:first-child {
...@@ -1125,6 +1031,7 @@ ...@@ -1125,6 +1031,7 @@
width: 250px; width: 250px;
} }
} }
tbody { tbody {
td { td {
&:nth-child(3) { &:nth-child(3) {
...@@ -1136,22 +1043,28 @@ ...@@ -1136,22 +1043,28 @@
} }
} }
} }
em { em {
color: red; color: red;
} }
.pagination-div { .pagination-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -1167,11 +1080,13 @@ ...@@ -1167,11 +1080,13 @@
height: calc(100% - 50px); height: calc(100% - 50px);
color: white; color: white;
overflow: hidden; overflow: hidden;
background-image: url(../../assets/img/main/background.png); // background-image: url(../../assets/img/main/background.png);
background-size: 100% 100%; // background-size: 100% 100%;
.llxxKinds-content { .llxxKinds-content {
width: 100%; width: 100%;
height: 100%; height: 100%;
.left-content { .left-content {
width: 270px; width: 270px;
height: 100%; height: 100%;
...@@ -1181,40 +1096,40 @@ ...@@ -1181,40 +1096,40 @@
box-sizing: border-box; box-sizing: border-box;
background: url("../../assets/img/yqjc/01.png") no-repeat; background: url("../../assets/img/yqjc/01.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.el-tree { .el-tree {
margin-top: 10px; margin-top: 10px;
color: white; color: white;
background: transparent; background: transparent;
.el-tree-node__content { .el-tree-node__content {
height: 40px; height: 40px;
} }
} }
.el-tree > .el-tree-node > .el-tree-node__content {
.el-tree>.el-tree-node>.el-tree-node__content {
height: 40px; height: 40px;
background-image: url(../../assets/img/yqjc/24.png); background-image: url(../../assets/img/yqjc/24.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-tree
> .el-tree-node .el-tree>.el-tree-node>.el-tree-node__children>.el-tree-node>.el-tree-node__content {
> .el-tree-node__children
> .el-tree-node
> .el-tree-node__content {
height: 40px; height: 40px;
// background-image: url(../../assets/img/yqjc/24.png); // background-image: url(../../assets/img/yqjc/24.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-tree
> .el-tree-node .el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__label {
> .el-tree-node__content
> .el-tree-node__label {
font-size: 14px !important; font-size: 14px !important;
} }
.el-tree > .el-tree-node > .el-tree-node__children {
.el-tree>.el-tree-node>.el-tree-node__children {
background-color: #1d2d46 !important; background-color: #1d2d46 !important;
} }
.el-tree-node:focus > .el-tree-node__content {
.el-tree-node:focus>.el-tree-node__content {
background-color: #00648a96 !important; background-color: #00648a96 !important;
// border-radius: 5px; // border-radius: 5px;
} }
...@@ -1224,13 +1139,13 @@ ...@@ -1224,13 +1139,13 @@
background-color: #00648a96 !important; background-color: #00648a96 !important;
// border-radius: 5px; // border-radius: 5px;
} }
.el-tree--highlight-current
.el-tree-node.is-current .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
> .el-tree-node__content {
background-color: #00648a96 !important; background-color: #00648a96 !important;
// border-radius: 5px; // border-radius: 5px;
} }
} }
.right-content { .right-content {
width: calc(100% - 290px); width: calc(100% - 290px);
height: 100%; height: 100%;
...@@ -1240,49 +1155,82 @@ ...@@ -1240,49 +1155,82 @@
background: url("../../assets/img/yqjc/02.png") no-repeat; background: url("../../assets/img/yqjc/02.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
.el-table--enable-row-hover { .el-table--enable-row-hover {
.el-table__body tr { .el-table__body tr {
&:hover > td { &:hover>td {
background-color: #82848a78 !important; background-color: #82848a78 !important;
} }
} }
} }
.el-table { .el-table {
background-color: transparent !important;
.el-table__header-wrapper {
width: 100%; width: 100%;
height: 48px; height: calc(100% - 50px);
} }
.el-table__body-wrapper {
width: 100%; .el-table tr {
height: calc(100% - 48px); background-color: transparent !important;
color: #ffffffc7;
} }
th.is-leaf {
border-bottom: 1px solid #185066; .el-table thead tr {
height: 40px;
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
} }
.gutter {
background-color: #263b5d; .el-table th {
background-color: transparent;
} }
&::before {
display: none; tbody tr {
border-bottom: 1px solid #252631;
} }
td {
border-bottom: 1px solid #185066; .el-table td {
&:nth-child(2) { border-bottom: 1px solid #252631;
.el-tag { border-right: unset;
height: 20px;
padding: 0px 8px;
line-height: 19px;
} }
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78;
} }
.el-switch__label {
color: white; .el-table th {
border: unset;
// background-color: #263b5d !important;
} }
.is-active {
color: #409eff !important; .el-table--fit {
background: none !important;
border: unset;
} }
.el-icon-delete-solid {
color: red;
cursor: pointer;
font-size: 18px;
}
.el-icon-edit {
color: #1172d8;
cursor: pointer;
font-size: 20px;
} }
.el-icon-view {
color: #00ffff;
font-size: 20px;
cursor: pointer;
} }
.el-table--group::after,
.el-table--border::after,
.el-table::before {
background-color: unset;
}
.pagination-div { .pagination-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
...@@ -1291,13 +1239,16 @@ ...@@ -1291,13 +1239,16 @@
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -1321,6 +1272,7 @@ ...@@ -1321,6 +1272,7 @@
background: #263b5d29; background: #263b5d29;
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
.literatureInfo { .literatureInfo {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
...@@ -1330,15 +1282,18 @@ ...@@ -1330,15 +1282,18 @@
font-size: 18px; font-size: 18px;
text-indent: 2em; text-indent: 2em;
} }
.contextmenu { .contextmenu {
width: 200px; width: 200px;
padding: 5px 0px; padding: 5px 0px;
box-sizing: border-box; box-sizing: border-box;
ul { ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
list-style: none; list-style: none;
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1347,13 +1302,16 @@ ...@@ -1347,13 +1302,16 @@
font-size: 14px; font-size: 14px;
box-sizing: border-box; box-sizing: border-box;
color: black; color: black;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #ddd; background-color: #ddd;
} }
.delete { .delete {
position: absolute; position: absolute;
right: 10px; right: 10px;
i { i {
font-size: 16px; font-size: 16px;
color: #ff5454; color: #ff5454;
...@@ -1363,19 +1321,23 @@ ...@@ -1363,19 +1321,23 @@
} }
} }
} }
.xgtj-div { .xgtj-div {
width: 15%; width: 15%;
height: 300px; height: 300px;
float: left; float: left;
margin-left: 1%; margin-left: 1%;
div { div {
font-weight: 900; font-weight: 900;
margin-left: 11px; margin-left: 11px;
font-size: 14px; font-size: 14px;
} }
ul { ul {
padding: 0; padding: 0;
margin: 10px 7px 0px 26px; margin: 10px 7px 0px 26px;
li { li {
list-style: none; list-style: none;
font-size: 12px; font-size: 12px;
...@@ -1386,48 +1348,57 @@ ...@@ -1386,48 +1348,57 @@
line-height: 28px; line-height: 28px;
cursor: pointer; cursor: pointer;
} }
li:hover { li:hover {
color: #00f9ff; color: #00f9ff;
text-decoration: underline; text-decoration: underline;
} }
} }
} }
.el-dialog { .el-dialog {
color: white; color: white;
background: #1d2d46 !important; background: #1d2d46 !important;
.el-dialog__body { .el-dialog__body {
.el-form { .el-form {
.el-form-item { .el-form-item {
.el-form-item__label { .el-form-item__label {
color: white; color: white;
} }
.el-form-item__content { .el-form-item__content {
color: white; color: white;
.el-upload__tip { .el-upload__tip {
color: white; color: white;
} }
} }
} }
} }
.el-input__inner { .el-input__inner {
color: white !important; color: white !important;
background: none !important; background: none !important;
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
textarea { textarea {
color: white !important; color: white !important;
background: none !important; background: none !important;
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
.el-icon-document { .el-icon-document {
height: auto; height: auto;
} }
.el-tag + .el-tag { .el-tag+.el-tag {
margin-left: 10px; margin-left: 10px;
} }
.button-new-tag { .button-new-tag {
margin-left: 10px; margin-left: 10px;
height: 32px; height: 32px;
...@@ -1435,17 +1406,20 @@ ...@@ -1435,17 +1406,20 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.input-new-tag { .input-new-tag {
width: 90px; width: 90px;
margin-left: 10px; margin-left: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
ul { ul {
height: 150px; height: 150px;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-y: auto; overflow-y: auto;
list-style: none; list-style: none;
li { li {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1453,13 +1427,16 @@ ...@@ -1453,13 +1427,16 @@
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
color: white; color: white;
&:hover { &:hover {
color: white; color: white;
background-color: #f56c6c; background-color: #f56c6c;
} }
.delete { .delete {
position: absolute; position: absolute;
right: 10px; right: 10px;
i { i {
font-size: 16px; font-size: 16px;
color: #ff5454; color: #ff5454;
...@@ -1469,11 +1446,11 @@ ...@@ -1469,11 +1446,11 @@
} }
} }
} }
} }
</style> </style>
<script> <script>
import { import {
get, get,
post, post,
fileUpload, fileUpload,
...@@ -1482,11 +1459,11 @@ ...@@ -1482,11 +1459,11 @@
download, download,
delete_util, delete_util,
dateChangeFormat, dateChangeFormat,
} from "../../util/http_util"; } from "../../util/http_util";
import leftTitle from "../../assets/img/flfg/leftTitle.png"; import leftTitle from "../../assets/img/flfg/leftTitle.png";
import rightTitle from "../../assets/img/flfg/rightTitle.png"; import rightTitle from "../../assets/img/flfg/rightTitle.png";
import "animate.css"; import "animate.css";
export default { export default {
data() { data() {
return { return {
PickerPath_url: PickerPath_url:
...@@ -2033,7 +2010,7 @@ ...@@ -2033,7 +2010,7 @@
addCollection() { addCollection() {
this.dialogVisibleCollection = true; this.dialogVisibleCollection = true;
}, },
stopstop() {}, stopstop() { },
//新增收藏夹名称 //新增收藏夹名称
addCollectionFolder() { addCollectionFolder() {
if (this.collectionName != "" && this.collectionName != null) { if (this.collectionName != "" && this.collectionName != null) {
...@@ -2271,5 +2248,5 @@ ...@@ -2271,5 +2248,5 @@
} }
}, 100); }, 100);
}, },
}; };
</script> </script>
\ No newline at end of file \ No newline at end of file
src/view/xxxl/xdzylb.vue
View file @ 15729245
<template> <template>
<div id="xdzylb"> <div id="xdzylb">
<div class="top-div"> <div class="top-div">
<el-input <el-input v-model="wd_name" suffix-icon="el-icon-search" placeholder="请输入关键字"></el-input>
v-model="wd_name"
suffix-icon="el-icon-search"
placeholder="请输入关键字"
></el-input>
<div class="block sjxz"> <div class="block sjxz">
<el-date-picker <el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model="sc_time" type="daterange" range-separator="至"
value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="上传起始时间" end-placeholder="上传结束时间" :default-time="['00:00:00', '23:59:59']">
v-model="sc_time"
type="daterange"
range-separator="至"
start-placeholder="上传起始时间"
end-placeholder="上传结束时间"
:default-time="['00:00:00', '23:59:59']"
>
</el-date-picker> </el-date-picker>
</div> </div>
<div class="button-discuss" @click="searchs()">搜索</div> <div class="button-discuss" @click="searchs()">搜索</div>
</div> </div>
<div class="bottom-div"> <div class="bottom-div">
<div class="table-div"> <div class="table-div">
<el-table <el-table :data="tableData" height="calc(100% - 0px)" border style="width: 100%">
:data="tableData"
height="calc(100% - 0px)"
border
style="width: 100%"
>
<el-table-column type="index" label="序号" width="80">
</el-table-column>
<el-table-column type="index" label="序号" width="80"> <el-table-column type="index" label="序号" width="80">
</el-table-column> </el-table-column>
<el-table-column prop="name" label="题目名称"> </el-table-column> <el-table-column prop="name" label="题目名称"> </el-table-column>
...@@ -44,90 +26,39 @@ ...@@ -44,90 +26,39 @@
</el-table-column> </el-table-column>
<el-table-column prop="cz" label="操作" width="200"> <el-table-column prop="cz" label="操作" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div <div class="dt pub-xdzy" @click="dt_div(scope.row)" title="答题"></div>
class="dt pub-xdzy" <div class="lsjl pub-xdzy" title="历史记录" @click="history_div(scope.row)"></div>
@click="dt_div(scope.row)"
title="答题"
></div>
<div
class="lsjl pub-xdzy"
title="历史记录"
@click="history_div(scope.row)"
></div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="page-div"> <div class="page-div">
<el-pagination <el-pagination class="myPagination" background layout="total, sizes, prev, pager, next, jumper"
class="myPagination" @size-change="handleSizeChange" :page-size="pageSize" :current-page="current_page" :total="total"
background @current-change="handleCurrentChange_lb" :page-sizes="[10, 20, 50, 100]">
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
:page-size="pageSize"
:current-page="current_page"
:total="total"
@current-change="handleCurrentChange_lb"
:page-sizes="[10, 20, 50, 100]"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<el-dialog <el-dialog title="题目内容详情" :visible.sync="centerDialogVisible_xq" width="40%" center>
title="题目内容详情" <el-input v-model="tm_nr" type="textarea" :rows="10" show-word-limit disabled></el-input>
:visible.sync="centerDialogVisible_xq"
width="40%"
center
>
<el-input
v-model="tm_nr"
type="textarea"
:rows="10"
show-word-limit
disabled
></el-input>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="centerDialogVisible_xq = false">关 闭</el-button> <el-button @click="centerDialogVisible_xq = false">关 闭</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="答题简述" :visible.sync="centerDialogVisible_dt" width="40%" center>
title="答题简述"
:visible.sync="centerDialogVisible_dt"
width="40%"
center
>
<el-form ref="form" label-width="80px"> <el-form ref="form" label-width="80px">
<el-form-item label="题目名称"> <el-form-item label="题目名称">
<el-input v-model="questionName" disabled></el-input> <el-input v-model="questionName" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="题目内容"> <el-form-item label="题目内容">
<el-input <el-input v-model="tm_nr" type="textarea" :rows="10" show-word-limit disabled></el-input>
v-model="tm_nr"
type="textarea"
:rows="10"
show-word-limit
disabled
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="情况分析"> <el-form-item label="情况分析">
<el-select <el-select v-model="value_qkfx.label" placeholder="请选择" multiple :multiple-limit="4" @change="selectChangeQkfx"
v-model="value_qkfx.label" style="width: 100%">
placeholder="请选择"
multiple
:multiple-limit="4"
@change="selectChangeQkfx"
style="width: 100%"
>
<el-option :value="qkfxValue" style="height: auto"> <el-option :value="qkfxValue" style="height: auto">
<el-tree <el-tree :data="options_qkfx" show-checkbox node-key="id" ref="treeQkfx" highlight-current
:data="options_qkfx" :props="defaultProps" @check-change="handleCheckChangeQkfx">
show-checkbox
node-key="id"
ref="treeQkfx"
highlight-current
:props="defaultProps"
@check-change="handleCheckChangeQkfx"
>
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<span :title="node.label">{{ node.label }}</span> <span :title="node.label">{{ node.label }}</span>
</span> </span>
...@@ -136,24 +67,11 @@ ...@@ -136,24 +67,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="处置措施"> <el-form-item label="处置措施">
<el-select <el-select v-model="value_czcs.label" placeholder="请选择" multiple :multiple-limit="4" @change="selectChangeCzcs"
v-model="value_czcs.label" style="width: 100%">
placeholder="请选择"
multiple
:multiple-limit="4"
@change="selectChangeCzcs"
style="width: 100%"
>
<el-option :value="czcsValue" style="height: auto"> <el-option :value="czcsValue" style="height: auto">
<el-tree <el-tree :data="options_czcs" show-checkbox node-key="id" ref="treeCzcs" highlight-current
:data="options_czcs" :props="defaultProps" @check-change="handleCheckChangeCzcs">
show-checkbox
node-key="id"
ref="treeCzcs"
highlight-current
:props="defaultProps"
@check-change="handleCheckChangeCzcs"
>
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<span :title="node.label">{{ node.label }}</span> <span :title="node.label">{{ node.label }}</span>
</span> </span>
...@@ -167,24 +85,13 @@ ...@@ -167,24 +85,13 @@
<!-- <el-button type="primary" @click="exportDoc()">导 出</el-button> --> <!-- <el-button type="primary" @click="exportDoc()">导 出</el-button> -->
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="补充答题简述" :visible.sync="centerDialogVisible_dt_bc" width="40%" center>
title="补充答题简述"
:visible.sync="centerDialogVisible_dt_bc"
width="40%"
center
>
<el-form ref="form" label-width="80px"> <el-form ref="form" label-width="80px">
<el-form-item label="题目名称"> <el-form-item label="题目名称">
<el-input v-model="questionName" disabled></el-input> <el-input v-model="questionName" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="题目内容"> <el-form-item label="题目内容">
<el-input <el-input v-model="tm_nr" type="textarea" :rows="10" show-word-limit disabled></el-input>
v-model="tm_nr"
type="textarea"
:rows="10"
show-word-limit
disabled
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="情况分析"> <el-form-item label="情况分析">
<el-input v-model="value_qkfx.full_label"></el-input> <el-input v-model="value_qkfx.full_label"></el-input>
...@@ -198,55 +105,34 @@ ...@@ -198,55 +105,34 @@
<el-button type="primary" @click="exportDoc()">导 出</el-button> <el-button type="primary" @click="exportDoc()">导 出</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog <el-dialog title="历史答题记录" :visible.sync="dialogVisible_lsjl" width="60%" id="_plscs">
title="历史答题记录"
:visible.sync="dialogVisible_lsjl"
width="60%"
id="_plscs"
>
<!-- <el-input placeholder="请输入内容" style="width:200px;margin-right:20px"></el-input> <!-- <el-input placeholder="请输入内容" style="width:200px;margin-right:20px"></el-input>
<el-button type="primary">查询</el-button> --> <el-button type="primary">查询</el-button> -->
<el-table style="width: 100%" class="table-div" :data="tableData_history"> <el-table style="width: 100%" class="table-div" :data="tableData_history">
<el-table-column type="index" label="序号" width="80"></el-table-column> <el-table-column type="index" label="序号" width="80"></el-table-column>
<el-table-column prop="qkfx" label="情况分析"></el-table-column> <el-table-column prop="qkfx" label="情况分析"></el-table-column>
<el-table-column prop="czcs" label="处置措施"></el-table-column> <el-table-column prop="czcs" label="处置措施"></el-table-column>
<el-table-column <el-table-column prop="create" label="答题者" width="250"></el-table-column>
prop="create" <el-table-column prop="time" label="答题时间" width="250"></el-table-column>
label="答题者" <el-table-column prop="qkfxScore" label="情况分析得分"></el-table-column>
width="250" <el-table-column prop="czcsScore" label="处置措施得分"></el-table-column>
></el-table-column>
<el-table-column
prop="time"
label="答题时间"
width="250"
></el-table-column>
<el-table-column
prop="qkfxScore"
label="情况分析得分"
></el-table-column>
<el-table-column
prop="czcsScore"
label="处置措施得分"
></el-table-column>
</el-table> </el-table>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="mini" @click="dialogVisible_lsjl = false" <el-button size="mini" @click="dialogVisible_lsjl = false">关闭</el-button>
>关闭</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { import {
queryQuestion, queryQuestion,
answerQuestion, answerQuestion,
queryQuestionOptions, queryQuestionOptions,
queryAnswerQuestionRecord, queryAnswerQuestionRecord,
queryQuestionOptionsTree, queryQuestionOptionsTree,
} from "../../api/resource"; } from "../../api/resource";
import export_doc_util from "../../util/export_doc_util"; import export_doc_util from "../../util/export_doc_util";
export default { export default {
data() { data() {
return { return {
answeringQuesiton: null, answeringQuesiton: null,
...@@ -511,54 +397,66 @@ ...@@ -511,54 +397,66 @@
} }
}, },
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
#xdzylb { #xdzylb {
width: calc(100% - 0px); width: calc(100% - 0px);
height: calc(100% - 0px); height: calc(100% - 0px);
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
background-size: 100% 100%; background-size: 100% 100%;
.el-tabs--card > .el-tabs__header {
.el-tabs--card>.el-tabs__header {
border-bottom: 1px solid #146a80; border-bottom: 1px solid #146a80;
} }
.el-tabs--card > .el-tabs__header .el-tabs__nav {
.el-tabs--card>.el-tabs__header .el-tabs__nav {
border: 1px solid #146a80; border: 1px solid #146a80;
} }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
border-bottom-color: #3b9cff; border-bottom-color: #3b9cff;
} }
.el-tabs__item { .el-tabs__item {
color: #656565; color: #656565;
} }
.el-tabs--card > .el-tabs__header .el-tabs__item {
.el-tabs--card>.el-tabs__header .el-tabs__item {
border-left: 1px solid #146a80; border-left: 1px solid #146a80;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #409eff !important; color: #409eff !important;
} }
.el-input__count { .el-input__count {
color: #229dbd; color: #229dbd;
background: #1d2d4600; background: #1d2d4600;
} }
.el-input__count-inner { .el-input__count-inner {
color: #229dbd; color: #229dbd;
background: #1d2d46; background: #1d2d46;
} }
.top-div { .top-div {
width: 100%; width: 100%;
height: 60px; height: 60px;
.el-button { .el-button {
float: left; float: left;
margin-left: 10px; margin-left: 10px;
margin-top: 3px; margin-top: 3px;
} }
.el-input { .el-input {
float: left; float: left;
width: 200px; width: 200px;
margin-right: 30px; margin-right: 30px;
.el-input__inner { .el-input__inner {
background: none; background: none;
color: #ffff; color: #ffff;
...@@ -566,26 +464,33 @@ ...@@ -566,26 +464,33 @@
box-shadow: 0 0 10px #1b6097; box-shadow: 0 0 10px #1b6097;
} }
} }
.el-select { .el-select {
float: left; float: left;
} }
.sjxz { .sjxz {
width: 350px; width: 350px;
float: left; float: left;
.el-date-editor { .el-date-editor {
background: none; background: none;
span { span {
color: white; color: white;
} }
.el-range-input { .el-range-input {
color: white; color: white;
background: none; background: none;
} }
} }
.el-input__inner { .el-input__inner {
border: 1px solid #146a80 !important; border: 1px solid #146a80 !important;
} }
} }
.button-discuss { .button-discuss {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -600,6 +505,7 @@ ...@@ -600,6 +505,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-discuss1 { .button-discuss1 {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -614,129 +520,162 @@ ...@@ -614,129 +520,162 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.toggle-switch { .toggle-switch {
float: left; float: left;
margin-top: 10px; margin-top: 10px;
margin-left: 20px; margin-left: 20px;
.el-switch__label.is-active { .el-switch__label.is-active {
color: #409eff !important; color: #409eff !important;
} }
.el-switch__label { .el-switch__label {
display: unset; display: unset;
color: #5a5a5a; color: #5a5a5a;
span { span {
font-size: 15px; font-size: 15px;
} }
} }
} }
} }
.bottom-div { .bottom-div {
width: 100%; width: 100%;
height: calc(100% - 55px); height: calc(100% - 55px);
.table-div { .table-div {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
.el-table tr { .el-table tr {
background-color: #1d2d46 !important; background-color: #1d2d46 !important;
color: #ffffff; color: #ffffff;
} }
.el-table .el-table__header-wrapper tr {
background-image: url(../../assets/img/flfg/new/4.png); .el-table tr {
background-repeat: no-repeat; background-color: transparent !important;
background-size: 100% 100%;
box-shadow: 0px 0px 10px #292929;
color: #ffffffc7; color: #ffffffc7;
font-size: 14px;
} }
.el-table thead tr {
height: 40px;
background: url(../../assets/img/setting/tr1.png) no-repeat;
background-size: 100% 100%;
}
.el-table th {
background-color: transparent;
}
tbody tr {
border-bottom: 1px solid #252631;
}
.el-table td { .el-table td {
border-bottom: 1px solid #91919170; border-bottom: 1px solid #252631;
border-right: unset; border-right: unset;
} }
.el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #82848a78; background-color: #82848a78;
} }
.el-table th { .el-table th {
border: unset; border: unset;
background: #ff000000; // background-color: #263b5d !important;
} }
.el-table--fit { .el-table--fit {
background: none !important; background: none !important;
border: unset; border: unset;
} }
.el-icon-delete-solid { .el-icon-delete-solid {
color: red; color: red;
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
} }
.el-icon-download {
color: #1172d8;
cursor: pointer;
font-size: 20px;
}
.el-icon-edit { .el-icon-edit {
color: #1172d8; color: #1172d8;
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
} }
.el-icon-view { .el-icon-view {
color: #00ffff; color: #00ffff;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.el-table--group::after, .el-table--group::after,
.el-table--border::after, .el-table--border::after,
.el-table::before { .el-table::before {
background-color: unset; background-color: unset;
} }
.span-div:hover { .span-div:hover {
// font-weight: bold; // font-weight: bold;
color: #0dada7; color: #0dada7;
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.span-div { .span-div {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
overflow: hidden; overflow: hidden;
} }
.pub-xdzy { .pub-xdzy {
width: 35px; width: 35px;
height: 35px; height: 35px;
float: left; float: left;
cursor: pointer; cursor: pointer;
} }
.dt { .dt {
background-image: url(../../assets/img/xxxl/new/dt.png); background-image: url(../../assets/img/xxxl/new/dt.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.lsjl { .lsjl {
background-image: url(../../assets/img/xxxl/new/lsjl.png); background-image: url(../../assets/img/xxxl/new/lsjl.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-left: 20px; margin-left: 20px;
} }
.dt:hover{
.dt:hover {
background-image: url(../../assets/img/xxxl/new/dt1.png); background-image: url(../../assets/img/xxxl/new/dt1.png);
} }
.lsjl:hover { .lsjl:hover {
background-image: url(../../assets/img/xxxl/new/lsjl1.png); background-image: url(../../assets/img/xxxl/new/lsjl1.png);
} }
} }
.page-div { .page-div {
width: 100%; width: 100%;
height: 50px; height: 50px;
.el-pagination { .el-pagination {
margin-top: 9px; margin-top: 9px;
text-align: right; text-align: right;
.el-pagination__jump { .el-pagination__jump {
color: white; color: white;
} }
.el-pagination__total { .el-pagination__total {
color: white; color: white;
} }
} }
.myPagination.is-background .el-pager li:not(.disabled).active { .myPagination.is-background .el-pager li:not(.disabled).active {
color: #fff; color: #fff;
border: 1px solid #146a80; border: 1px solid #146a80;
...@@ -744,9 +683,11 @@ ...@@ -744,9 +683,11 @@
background-color: #1d2d46; background-color: #1d2d46;
} }
} }
.bottom-content { .bottom-content {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
.content-title { .content-title {
width: 100%; width: 100%;
height: 40px; height: 40px;
...@@ -754,35 +695,44 @@ ...@@ -754,35 +695,44 @@
padding-left: 20px; padding-left: 20px;
box-sizing: border-box; box-sizing: border-box;
background: #263b5d; background: #263b5d;
.new-num { .new-num {
color: #09c69c; color: #09c69c;
} }
} }
} }
} }
.el-dialog { .el-dialog {
// background: #1d2d46 !important; // background: #1d2d46 !important;
background-color: #1d2d4700 !important; background-color: #1d2d4700 !important;
background-image: url(../../assets/img/xxxl/new/tk.png); background-image: url(../../assets/img/xxxl/new/tk.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.el-dialog__header { .el-dialog__header {
padding: 35px 0px 0px; padding: 35px 0px 0px;
.el-dialog__headerbtn { .el-dialog__headerbtn {
top: 40px; top: 40px;
} }
} }
.el-dialog__title { .el-dialog__title {
color: #ffffff; color: #ffffff;
} }
.el-form-item__label { .el-form-item__label {
color: #dadada; color: #dadada;
} }
.el-dialog__body { .el-dialog__body {
padding: 25px 25px 0px; padding: 25px 25px 0px;
} }
.el-dialog__footer { .el-dialog__footer {
padding: 4px 0px 84px; padding: 4px 0px 84px;
.el-button { .el-button {
border-radius: 20px; border-radius: 20px;
background: linear-gradient(to right, #c36a00, #e99e28); background: linear-gradient(to right, #c36a00, #e99e28);
...@@ -790,6 +740,7 @@ ...@@ -790,6 +740,7 @@
color: white; color: white;
} }
} }
.button-preview { .button-preview {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -803,6 +754,7 @@ ...@@ -803,6 +754,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.button-cancel { .button-cancel {
width: 100px; width: 100px;
height: 30px; height: 30px;
...@@ -815,20 +767,25 @@ ...@@ -815,20 +767,25 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.el-upload-list__item-name [class^="el-icon"] { .el-upload-list__item-name [class^="el-icon"] {
color: #2870ff; color: #2870ff;
height: unset !important; height: unset !important;
} }
.el-upload__tip { .el-upload__tip {
color: #c7c7c7; color: #c7c7c7;
} }
.el-upload-list__item-name { .el-upload-list__item-name {
color: #4382ff; color: #4382ff;
} }
.audio-class { .audio-class {
margin-left: 75px; margin-left: 75px;
} }
} }
/deep/ .el-list-enter-active, /deep/ .el-list-enter-active,
/deep/ .el-list-leave-active { /deep/ .el-list-leave-active {
transition: none; transition: none;
...@@ -838,25 +795,34 @@ ...@@ -838,25 +795,34 @@
/deep/ .el-list-leave-active { /deep/ .el-list-leave-active {
opacity: 0; opacity: 0;
} }
/deep/ .el-upload-list { /deep/ .el-upload-list {
height: 40px; height: 40px;
} }
.slide-fade-enter-active { .slide-fade-enter-active {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.slide-fade-leave-active { .slide-fade-leave-active {
transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1); transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
} }
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ { .slide-fade-enter,
.slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */
{
transform: translateX(10px); transform: translateX(10px);
opacity: 0; opacity: 0;
} }
.xzwd { .xzwd {
.el-dialog__body { .el-dialog__body {
padding: 25px 25px 0px; padding: 25px 25px 0px;
} }
} }
.el-dialog { .el-dialog {
.el-input__inner { .el-input__inner {
color: white !important; color: white !important;
...@@ -864,25 +830,30 @@ ...@@ -864,25 +830,30 @@
border: 1px solid #6f6c5c !important; border: 1px solid #6f6c5c !important;
box-shadow: none; box-shadow: none;
} }
.el-textarea__inner { .el-textarea__inner {
color: white !important; color: white !important;
background: #0d1420 !important; background: #0d1420 !important;
border: 1px solid #6f6c5c !important; border: 1px solid #6f6c5c !important;
box-shadow: none; box-shadow: none;
} }
.el-table__body tr:hover > td {
.el-table__body tr:hover>td {
background-color: unset; background-color: unset;
} }
.table-div { .table-div {
width: 100%; width: 100%;
height: 500px; height: 500px;
margin-top: 20px; margin-top: 20px;
margin-left: 0px; margin-left: 0px;
background: #e6e6e600; background: #e6e6e600;
tr { tr {
background-color: unset; background-color: unset;
color: #ffffff; color: #ffffff;
} }
.el-table__header-wrapper tr { .el-table__header-wrapper tr {
background-image: url(../../assets/img/flfg/new/4.png); background-image: url(../../assets/img/flfg/new/4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -891,21 +862,29 @@ ...@@ -891,21 +862,29 @@
color: #ffffff; color: #ffffff;
font-size: 14px; font-size: 14px;
} }
th { th {
border: unset; border: unset;
color: #ffffff; color: #ffffff;
font-size: 14px; font-size: 14px;
background-color: unset; background-color: unset;
} }
td {
border-bottom: 1px solid #252631 !important;
border-right: unset;
}
.el-table__body-wrapper { .el-table__body-wrapper {
height: 452px; height: 452px;
overflow-y: auto; overflow-y: auto;
} }
.cell { .cell {
text-align: center; text-align: center;
} }
} }
} }
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment