Skip to content

X
xxx_phase2_web
Commit 9837e6fb authored by 高飞's avatar 高飞
Browse files
Options

人物机构添加经济社会类别

parent 067fcec6
Hide whitespace changes
Inline Side-by-side
Showing with 2945 additions and 2941 deletions
src/view/dfzy/dfzyjgk.vue
View file @ 9837e6fb
<template> <template>
<div id="dfzyjgk"> <div id="dfzyjgk">
<div class="rwk-right"> <div class="rwk-right">
<div class="top-div"> <div class="top-div">
<el-row <el-row
:gutter="24" :gutter="24"
style=" style="
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: white; color: white;
" "
> >
<el-col :span="6"> <el-col :span="6">
<div class="div-type"> <div class="div-type">
<div class="top-type-span"> <div class="top-type-span">
<span>对象地区：</span> <span>对象地区：</span>
</div> </div>
<div class="top-type-div"> <div class="top-type-div">
<div <div
v-for="item in this.type_arr_country" v-for="item in this.type_arr_country"
@click="dq_fun(item)" @click="dq_fun(item)"
:class="{ :class="{
'active-CountryRegion': typeCountryRegion.value == item.value, 'active-CountryRegion': typeCountryRegion.value == item.value,
}" }"
> >
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
</div> </div>
<div class="div-type"> <div class="div-type">
<div class="top-type-span"> <div class="top-type-span">
<span>类型：</span> <span>类型：</span>
</div> </div>
<div class="top-type-div"> <div class="top-type-div">
<div <div
v-for="item in this.type_arr" v-for="item in this.type_arr"
@click="MilitaryPolitics_fun(item)" @click="MilitaryPolitics_fun(item)"
:class="{ :class="{
'active-MilitaryPolitics': 'active-MilitaryPolitics':
typeMilitaryPolitics.value == item.value, typeMilitaryPolitics.value == item.value,
}" }"
> >
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
</div> </div>
</el-col> </el-col>
<div class="line-s"></div> <div class="line-s"></div>
<el-col :span="5" class="tm-div"> <el-col :span="5" class="tm-div">
<SelectTree :value="value_select" filterable :data="tree_data" @NodeClick="NodeClick"/> <SelectTree :value="value_select" filterable :data="tree_data" @NodeClick="NodeClick"/>
</el-col> </el-col>
<!-- <div class="line-s"></div> --> <!-- <div class="line-s"></div> -->
<!-- <el-col :span="5" class="jzxs"> <!-- <el-col :span="5" class="jzxs">
<div <div
:class="['rk-jg-div', type_rw_jg == 0 ? 'active-tb' : '']" :class="['rk-jg-div', type_rw_jg == 0 ? 'active-tb' : '']"
@click="qh_type_rwjg(0)" @click="qh_type_rwjg(0)"
> >
<div class="tb-div"></div> <div class="tb-div"></div>
<div class="tb-span"> <div class="tb-span">
<span>人物库</span> <span>人物库</span>
</div> </div>
</div> </div>
<div <div
:class="['rk-jg-div', type_rw_jg == 1 ? 'active-tb' : '']" :class="['rk-jg-div', type_rw_jg == 1 ? 'active-tb' : '']"
@click="qh_type_rwjg(1)" @click="qh_type_rwjg(1)"
> >
<div class="tb-div"></div> <div class="tb-div"></div>
<div class="tb-span"> <div class="tb-span">
<span>机构库</span> <span>机构库</span>
</div> </div>
</div> </div>
</el-col> --> </el-col> -->
<div class="line-s"></div> <div class="line-s"></div>
<el-col <el-col
:span="5" :span="5"
style="position: relative; padding: 0px" style="position: relative; padding: 0px"
class="serch-div" class="serch-div"
> >
<el-input placeholder="请输入番号或简称" v-model="input3"></el-input> <el-input placeholder="请输入番号或简称" v-model="input3"></el-input>
<el-button <el-button
type="primary" type="primary"
@click="query_qb(1)" @click="query_qb(1)"
style=" style="
position: absolute; position: absolute;
right: 8px; right: 8px;
top: 4px; top: 4px;
line-height: 4px; line-height: 4px;
border-radius: 20px; border-radius: 20px;
height: 30px; height: 30px;
background: linear-gradient(to right, #89f7fe, #66a6ff); background: linear-gradient(to right, #89f7fe, #66a6ff);
" "
>搜索</el-button >搜索</el-button
> >
</el-col> </el-col>
<!-- <div class="line-s"></div> --> <!-- <div class="line-s"></div> -->
<el-col :span="2" style="max-width: calc(9% - 31px)" class="pub-col"> <el-col :span="2" style="max-width: calc(9% - 31px)" class="pub-col">
<el-button <el-button
type="primary" type="primary"
@click="query_zhcx()" @click="query_zhcx()"
style=" style="
line-height: 4px; line-height: 4px;
border-radius: 20px; border-radius: 20px;
height: 30px; height: 30px;
background: linear-gradient(to right, #89f7fe, #66a6ff); background: linear-gradient(to right, #89f7fe, #66a6ff);
" "
>高级搜索</el-button >高级搜索</el-button
> >
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<div class="bottom-div"> <div class="bottom-div">
<template v-for="(item, index) in rwkxx"> <template v-for="(item, index) in rwkxx">
<div <div
class="rwxx-div animate__animated bk-bmdx-animation" class="rwxx-div animate__animated bk-bmdx-animation"
:class="[ :class="[
index % 4 == 0 index % 4 == 0
? 'animate__lightSpeedInLeft' ? 'animate__lightSpeedInLeft'
: index % 4 == 1 : index % 4 == 1
? 'animate__zoomIn' ? 'animate__zoomIn'
: index % 4 == 2 : index % 4 == 2
? 'animate__zoomIn' ? 'animate__zoomIn'
: 'animate__lightSpeedInRight', : 'animate__lightSpeedInRight',
]" ]"
@click="rwxq(item, index)" @click="rwxq(item, index)"
> >
<div :class="['tilts', tab_actives == index ? 'table-active' : '']"> <div :class="['tilts', tab_actives == index ? 'table-active' : '']">
<!-- <div class="zyx"> <!-- <div class="zyx">
<div> <div>
<span <span
:style="{ :style="{
background: background:
item.extraProperty['重要性'] == '重要' item.extraProperty['重要性'] == '重要'
? '#ff4444' ? '#ff4444'
: '#ff9e44', : '#ff9e44',
}" }"
>{{ item.extraProperty["重要性"] }}</span >{{ item.extraProperty["重要性"] }}</span
> >
</div> </div>
</div> </div>
<div class="zyx1"> <div class="zyx1">
<div> <div>
<span>{{ item.class_qf == 1 ? "本机构" : "" }}</span> <span>{{ item.class_qf == 1 ? "本机构" : "" }}</span>
</div> </div>
</div> --> </div> -->
<div class="img-div"> <div class="img-div">
<img class="tx-bg" :src="item.info.avatarUrl==null?'':item.info.avatarUrl" :onerror="errimg" /> <img class="tx-bg" :src="item.info.avatarUrl==null?'':item.info.avatarUrl" :onerror="errimg" />
</div> </div>
<div class="text-div"> <div class="text-div">
<div class="name-div"> <div class="name-div">
<div class="top-span"> <div class="top-span">
{{ item.info.jgfh.value }} {{ item.info.jgfh.value }}
</div> </div>
<div class="bottom-span"> <div class="bottom-span">
{{ item.info.jgjc.value }} {{ item.info.jgjc.value }}
</div> </div>
</div> </div>
<!-- <div class="xq-div"> <!-- <div class="xq-div">
<div class="tag-group"> <div class="tag-group">
<el-tag <el-tag
v-for="(items, index) in item.labels" v-for="(items, index) in item.labels"
v-if="item.labels != ''" v-if="item.labels != ''"
:key="index" :key="index"
:type="tags[index % tags.length].type" :type="tags[index % tags.length].type"
effect="dark" effect="dark"
> >
{{ items }} {{ items }}
</el-tag> </el-tag>
</div> </div>
</div> --> </div> -->
</div> </div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
<div class="page-div"> <div class="page-div">
<el-pagination <el-pagination
class="myPagination" class="myPagination"
background background
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange" @size-change="handleSizeChange"
:page-size="pageInfo.pageSize" :page-size="pageInfo.pageSize"
:current-page="pageInfo.current_page" :current-page="pageInfo.current_page"
:total="pageInfo.total" :total="pageInfo.total"
@current-change="handleCurrentChange_lb" @current-change="handleCurrentChange_lb"
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
> >
</el-pagination> </el-pagination>
</div> </div>
<el-collapse-transition> <el-collapse-transition>
<div class="gjcx-div" v-show="show"> <div class="gjcx-div" v-show="show">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item> <el-form-item>
<label>机构番号</label> <label>机构番号</label>
<el-input <el-input
v-model="formInline.name" v-model="formInline.name"
placeholder="机构番号" placeholder="机构番号"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>机构简称</label> <label>机构简称</label>
<el-input <el-input
v-model="formInline.jc" v-model="formInline.jc"
placeholder="机构简称" placeholder="机构简称"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>国家地区</label> <label>国家地区</label>
<el-input <el-input
v-model="formInline.gj" v-model="formInline.gj"
placeholder="国家地区" placeholder="国家地区"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>机构简介</label> <label>机构简介</label>
<el-input <el-input
v-model="formInline.jgjj" v-model="formInline.jgjj"
placeholder="机构简介" placeholder="机构简介"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;签</label> <label>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;签</label>
<el-input v-model="formInline.bq" placeholder="标签"></el-input> <el-input v-model="formInline.bq" placeholder="标签"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>重&nbsp;&nbsp;要&nbsp;&nbsp;性</label> <label>重&nbsp;&nbsp;要&nbsp;&nbsp;性</label>
<el-input <el-input
v-model="formInline.zyx" v-model="formInline.zyx"
placeholder="重要性" placeholder="重要性"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<div class="button-discusss" @click="zhcx(1)">查询</div> <div class="button-discusss" @click="zhcx(1)">查询</div>
<div class="button-discusss" @click="gb_zhcx()">关闭</div> <div class="button-discusss" @click="gb_zhcx()">关闭</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-collapse-transition> </el-collapse-transition>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { import {
get, get,
post, post,
fileUpload, fileUpload,
delete_util, delete_util,
getCookie, getCookie,
delCookie, delCookie,
} from "../../util/http_util"; } from "../../util/http_util";
import jh_bg from "../../assets/img/dfzy/zwtp.png"; import jh_bg from "../../assets/img/dfzy/zwtp.png";
import XLSX from "xlsx"; import XLSX from "xlsx";
import { uuid } from "../../util/data_util"; import { uuid } from "../../util/data_util";
import VanillaTilt from "vanilla-tilt"; import VanillaTilt from "vanilla-tilt";
import SelectTree from "./seleteTree.vue" import SelectTree from "./seleteTree.vue"
import "animate.css"; import "animate.css";
// import navs from "./jg_xq.vue"; // import navs from "./jg_xq.vue";
import { imgUrl } from "../../api/publicUrl"; import { imgUrl } from "../../api/publicUrl";
export default { export default {
// components: { navs }, // components: { navs },
components: { SelectTree }, components: { SelectTree },
data() { data() {
return { return {
errimg: "this.src='" + jh_bg + "'", errimg: "this.src='" + jh_bg + "'",
// currentRole_jg_data: "navs", // currentRole_jg_data: "navs",
clientDetails_jg_data: {}, clientDetails_jg_data: {},
xzzd: [], xzzd: [],
wzmk_data: [], wzmk_data: [],
option_rwmb: [], option_rwmb: [],
option_value_rwmb: "", option_value_rwmb: "",
is_true: true, is_true: true,
obj_name: "", obj_name: "",
fileList: [], fileList: [],
file_types: ".XLSX", file_types: ".XLSX",
option_rwmb_pl: [], option_rwmb_pl: [],
// folder: "dfzy-rwk", //头像上传文件夹 // folder: "dfzy-rwk", //头像上传文件夹
fl_type: 2, //查询机构库下面的模板,机构库为2,4,6 fl_type: 2, //查询机构库下面的模板,机构库为2,4,6
fileList_head: [], fileList_head: [],
file_head: {}, file_head: {},
file_types_head: ".PNG,.JPG,.JPEG", file_types_head: ".PNG,.JPG,.JPEG",
mb_table_s: [], mb_table_s: [],
arr_mouldTables: [], arr_mouldTables: [],
arr_mouldTables_comment: [], arr_mouldTables_comment: [],
filterText: "", filterText: "",
tree_data: [], tree_data: [],
data_tree_node: "", data_tree_node: "",
name_edit: "", name_edit: "",
dialogVisible_edit: false, dialogVisible_edit: false,
obj_jgxx: {}, obj_jgxx: {},
input3: "", input3: "",
pageInfo: { pageInfo: {
total: 0, total: 0,
pageSize: 10, pageSize: 10,
current_page: 1, current_page: 1,
}, },
rwkxx: [], rwkxx: [],
jgName: "", jgName: "",
jgName_public: 2,//判断当前是内网机构还是外网机构 jgName_public: 2,//判断当前是内网机构还是外网机构
tags: [ tags: [
{ type: "" }, { type: "" },
{ type: "success" }, { type: "success" },
{ type: "info" }, { type: "info" },
{ type: "warning" }, { type: "warning" },
{ type: "danger" }, { type: "danger" },
], ],
type_qf: 1, type_qf: 1,
formInline: { formInline: {
name: "", name: "",
jc: "", jc: "",
gj: "", gj: "",
jgjj: "", jgjj: "",
bq: "", bq: "",
zyx: "", zyx: "",
}, },
show: false, show: false,
type_arr_country: [ type_arr_country: [
{ name: "美国", value: "1" }, { name: "美国", value: "1" },
{ name: "英国", value: "2" }, { name: "英国", value: "2" },
{ name: "日本", value: "3" }, { name: "日本", value: "3" },
{ name: "台湾", value: "4" }, { name: "台湾", value: "4" },
], ],
type_arr: [ type_arr: [
{ name: "军事", value: "1" }, { name: "军事", value: "1" },
{ name: "政治", value: "2" }, { name: "政治", value: "2" },
], { name: "经济", value: "3" },
type_rw_jg: 0, { name: "社会", value: "4" },
typeCountryRegion: {value:'',name:''}, ],
typeMilitaryPolitics: {value:'',name:''}, type_rw_jg: 0,
tab_actives: "-1", //表格切换 typeCountryRegion: {value:'',name:''},
categoryId: null, typeMilitaryPolitics: {value:'',name:''},
valueTitle: "", tab_actives: "-1", //表格切换
value_select:4, categoryId: null,
}; valueTitle: "",
}, value_select:4,
methods: { };
query_zhcx() { },
this.show = !this.show; methods: {
}, query_zhcx() {
zhcx(pageNum) { this.show = !this.show;
this.input3 = ""; },
this.type_qf = 3; zhcx(pageNum) {
this.typeCountryRegion = {value:'',name:''}; this.input3 = "";
this.typeMilitaryPolitics = {value:'',name:''}; this.type_qf = 3;
this.pageInfo.current_page = pageNum; this.typeCountryRegion = {value:'',name:''};
let pageSize = this.pageInfo.pageSize; this.typeMilitaryPolitics = {value:'',name:''};
if(this.jgName_public==1){ this.pageInfo.current_page = pageNum;
this.value_select = 1 let pageSize = this.pageInfo.pageSize;
}else{ if(this.jgName_public==1){
this.value_select = 4 this.value_select = 1
} }else{
post( this.value_select = 4
`api/rest/mongo/organization/queryOrganization?pageNum=${pageNum}&pageSize=${pageSize}`, }
{ post(
module: this.jgName_public == 1 ? "DF" : "DFWW", `api/rest/mongo/organization/queryOrganization?pageNum=${pageNum}&pageSize=${pageSize}`,
combinationSearch:{ {
jgfh: this.formInline.name, module: this.jgName_public == 1 ? "DF" : "DFWW",
jgjc: this.formInline.jc, combinationSearch:{
gjdq: this.formInline.gj, jgfh: this.formInline.name,
jgjj: this.formInline.jgjj, jgjc: this.formInline.jc,
bq: this.formInline.bq, gjdq: this.formInline.gj,
zyx: this.formInline.zyx, jgjj: this.formInline.jgjj,
} bq: this.formInline.bq,
} zyx: this.formInline.zyx,
).then((res) => { }
this.rwkxx = []; }
setTimeout(() => { ).then((res) => {
this.pageInfo.total = 0; this.rwkxx = [];
if (res.records.length > 0) { setTimeout(() => {
res.records.forEach((item) => { this.pageInfo.total = 0;
this.rwkxx.push(item); if (res.records.length > 0) {
}); res.records.forEach((item) => {
this.pageInfo.total = res.total; this.rwkxx.push(item);
} });
}, 500); this.pageInfo.total = res.total;
}); }
}, }, 500);
gb_zhcx() { });
this.show = false; },
}, gb_zhcx() {
filterNode(value, data) { this.show = false;
if (!value) return true; },
return data.label.indexOf(value) !== -1; filterNode(value, data) {
}, if (!value) return true;
//查询tree数据 return data.label.indexOf(value) !== -1;
query_tree_jg() { },
this.tree_data = []; //查询tree数据
get("api/rest/mongo/organization/queryTree?module=" + 'DF') query_tree_jg() {
.then((res) => { this.tree_data = [];
let arr = [ get("api/rest/mongo/organization/queryTree?module=" + 'DF')
{ .then((res) => {
id: 1, let arr = [
label: "机构列表", {
level: 0, id: 1,
children: res, label: "机构列表",
}, level: 0,
]; children: res,
this.tree_data = this.initData(arr, 1); },
get( ];
"api/rest/mongo/organization/queryTree?module=" + this.tree_data = this.initData(arr, 1);
"DFWW" get(
) "api/rest/mongo/organization/queryTree?module=" +
.then((res1) => { "DFWW"
let arr1 = { )
id: 4, .then((res1) => {
label: "外网机构列表", let arr1 = {
level: 0, id: 4,
type: 2, label: "外网机构列表",
children: this.initData(res1, 2), level: 0,
}; type: 2,
this.tree_data.push(arr1); children: this.initData(res1, 2),
this.value_select = 4; };
}) this.tree_data.push(arr1);
.catch((err) => { this.value_select = 4;
this.$message.warning(err.message); })
}); .catch((err) => {
}) this.$message.warning(err.message);
.then((res) => { });
this.handleCurrentChange_lb(1); })
}) .then((res) => {
.catch((err) => { this.handleCurrentChange_lb(1);
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
query_tree() { });
get("api/rest/resource/queryCharacterMould?type=" + this.fl_type) },
.then((datas) => { query_tree() {
this.option_rwmb = []; get("api/rest/resource/queryCharacterMould?type=" + this.fl_type)
this.option_rwmb_pl = []; .then((datas) => {
if (datas.length > 0) { this.option_rwmb = [];
datas.forEach((item) => { this.option_rwmb_pl = [];
this.option_rwmb.push({ value: item.id, label: item.name }); if (datas.length > 0) {
this.option_rwmb_pl.push({ value: item.id, label: item.name }); datas.forEach((item) => {
}); this.option_rwmb.push({ value: item.id, label: item.name });
} this.option_rwmb_pl.push({ value: item.id, label: item.name });
}) });
.catch((err) => { }
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
rwxq(item, index) { });
// this.tab_actives = index; },
this.$router.push({ rwxq(item, index) {
name: "敌方资源机构详情" + this.$route.meta.type_name, // this.tab_actives = index;
params: { key: item, types: true }, this.$router.push({
}); name: "敌方资源机构详情" + this.$route.meta.type_name,
}, params: { key: item, types: true },
handleSizeChange(val) { });
this.pageInfo.pageSize = val; },
this.pageInfo.current_page = 1; handleSizeChange(val) {
this.handleCurrentChange_lb(1); this.pageInfo.pageSize = val;
}, this.pageInfo.current_page = 1;
handleCurrentChange_lb(pageNum) { this.handleCurrentChange_lb(1);
if (this.type_qf == 1) { },
this.query(pageNum); handleCurrentChange_lb(pageNum) {
} else if (this.type_qf == 2) { if (this.type_qf == 1) {
this.query_qb(pageNum); this.query(pageNum);
} else { } else if (this.type_qf == 2) {
this.zhcx(pageNum); this.query_qb(pageNum);
} } else {
}, this.zhcx(pageNum);
query_qb(pageNum) { }
this.formInline = { },
name: "", query_qb(pageNum) {
jc: "", this.formInline = {
gj: "", name: "",
jgjj: "", jc: "",
bq: "", gj: "",
}; jgjj: "",
this.type_qf = 2; bq: "",
this.pageInfo.current_page = pageNum; };
let pageSize = this.pageInfo.pageSize; this.type_qf = 2;
let name = this.input3; this.pageInfo.current_page = pageNum;
if(this.jgName_public==1){ let pageSize = this.pageInfo.pageSize;
this.value_select = 1 let name = this.input3;
}else{ if(this.jgName_public==1){
this.value_select = 4 this.value_select = 1
} }else{
this.value_select = 4
post( }
`api/rest/mongo/organization/queryOrganization?pageNum=${pageNum}&pageSize=${pageSize}`,
{ post(
module: this.jgName_public == 1 ? "DF" : "DFWW", `api/rest/mongo/organization/queryOrganization?pageNum=${pageNum}&pageSize=${pageSize}`,
name:name, {
type:this.typeMilitaryPolitics.name==''?null:this.typeMilitaryPolitics.name, module: this.jgName_public == 1 ? "DF" : "DFWW",
nation:this.typeCountryRegion.name==''?null:this.typeCountryRegion.name, name:name,
} type:this.typeMilitaryPolitics.name==''?null:this.typeMilitaryPolitics.name,
).then((res) => { nation:this.typeCountryRegion.name==''?null:this.typeCountryRegion.name,
this.rwkxx = []; }
setTimeout(() => { ).then((res) => {
this.pageInfo.total = 0; this.rwkxx = [];
if (res.records.length > 0) { setTimeout(() => {
res.records.forEach((item) => { this.pageInfo.total = 0;
this.rwkxx.push(item); if (res.records.length > 0) {
}); res.records.forEach((item) => {
this.pageInfo.total = res.total; this.rwkxx.push(item);
} });
}); this.pageInfo.total = res.total;
}, 500); }
}, });
}, 500);
query(pageNum) {//查询当前机构下的子机构 },
this.formInline = {
name: "", query(pageNum) {//查询当前机构下的子机构
jc: "", this.formInline = {
gj: "", name: "",
jgjj: "", jc: "",
bq: "", gj: "",
}; jgjj: "",
this.input3 = ''; bq: "",
this.pageInfo.current_page = pageNum; };
let pageSize = this.pageInfo.pageSize; this.input3 = '';
let ids = ""; this.pageInfo.current_page = pageNum;
if (this.jgName != "1" && this.jgName != "" && this.jgName != "4") { let pageSize = this.pageInfo.pageSize;
ids = "&id=" + this.jgName; let ids = "";
} if (this.jgName != "1" && this.jgName != "" && this.jgName != "4") {
let param_url = ""; ids = "&id=" + this.jgName;
if (this.jgName_public == 1) { }
param_url = "api/rest/mongo/organization/queryChildren?pageNum="; let param_url = "";
} else if (this.jgName_public == 2) { if (this.jgName_public == 1) {
param_url = "api/rest/mongo/organization/queryOnlineChildren?pageNum="; param_url = "api/rest/mongo/organization/queryChildren?pageNum=";
} } else if (this.jgName_public == 2) {
get( param_url = "api/rest/mongo/organization/queryOnlineChildren?pageNum=";
param_url + }
pageNum + get(
"&pageSize=" + param_url +
pageSize + pageNum +
"&module=" + "&pageSize=" +
(this.jgName_public == "1" ? 'DF' : "DFWW") + pageSize +
ids "&module=" +
) (this.jgName_public == "1" ? 'DF' : "DFWW") +
.then((res) => { ids
this.rwkxx = []; )
setTimeout(() => { .then((res) => {
this.pageInfo.total = 0; this.rwkxx = [];
if (res.records.length > 0) { setTimeout(() => {
res.records.forEach((item, index) => { this.pageInfo.total = 0;
// if ( if (res.records.length > 0) {
// pageNum == 1 && res.records.forEach((item, index) => {
// this.jgName != "1" && // if (
// this.jgName != "" && // pageNum == 1 &&
// this.jgName != "4" && // this.jgName != "1" &&
// index == 0 // this.jgName != "" &&
// ) { // this.jgName != "4" &&
// item.organization["class_qf"] = 1; // index == 0
// } else { // ) {
// item.organization["class_qf"] = 2; // item.organization["class_qf"] = 1;
// } // } else {
this.rwkxx.push(item); // item.organization["class_qf"] = 2;
}); // }
this.pageInfo.total = res.total; this.rwkxx.push(item);
} });
}, 500); this.pageInfo.total = res.total;
}) }
.catch((err) => { }, 500);
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
});
initData(orgList, type) { },
// 第一种
if (orgList.length) { initData(orgList, type) {
for (var i = 0; i < orgList.length; i++) { // 第一种
orgList[i].type = type; if (orgList.length) {
if (orgList[i].children.length) { for (var i = 0; i < orgList.length; i++) {
// 如果有 children 则继续递归遍历 orgList[i].type = type;
this.initData(orgList[i].children, type); if (orgList[i].children.length) {
} // 如果有 children 则继续递归遍历
} this.initData(orgList[i].children, type);
} }
return orgList; }
}, }
jsonToArray(nodes) { return orgList;
var r = []; },
if (Array.isArray(nodes)) { jsonToArray(nodes) {
for (var i = 0, l = nodes.length; i < l; i++) { var r = [];
r.push(nodes[i]); // 取每项数据放入一个新数组 if (Array.isArray(nodes)) {
if ( for (var i = 0, l = nodes.length; i < l; i++) {
Array.isArray(nodes[i]["children"]) && r.push(nodes[i]); // 取每项数据放入一个新数组
nodes[i]["children"].length > 0 if (
) Array.isArray(nodes[i]["children"]) &&
// 若存在children则递归调用，把数据拼接到新数组中，并且删除该children nodes[i]["children"].length > 0
r = r.concat(this.jsonToArray(nodes[i]["children"])); )
delete nodes[i]["children"]; // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children
} r = r.concat(this.jsonToArray(nodes[i]["children"]));
} delete nodes[i]["children"];
return r; }
}, }
//查询当前节点的最顶层节点ID return r;
getparentNode(data) { },
if (data.data.parentCode == null) { //查询当前节点的最顶层节点ID
return data.data.id; getparentNode(data) {
} else { if (data.data.parentCode == null) {
return this.getparentNode(data.parent); return data.data.id;
} } else {
}, return this.getparentNode(data.parent);
/**国家地区切换 */ }
dq_fun(e) { },
if(this.typeCountryRegion.value==e.value){ /**国家地区切换 */
this.typeCountryRegion = {value:'',name:''}; dq_fun(e) {
}else{ if(this.typeCountryRegion.value==e.value){
this.typeCountryRegion = e; this.typeCountryRegion = {value:'',name:''};
} }else{
this.query_qb(1); this.typeCountryRegion = e;
}, }
/**军事政治类型切换 */ this.query_qb(1);
MilitaryPolitics_fun(e) { },
if(this.typeMilitaryPolitics.value==e.value){ /**军事政治类型切换 */
this.typeMilitaryPolitics = {value:'',name:''}; MilitaryPolitics_fun(e) {
}else{ if(this.typeMilitaryPolitics.value==e.value){
this.typeMilitaryPolitics = e; this.typeMilitaryPolitics = {value:'',name:''};
} }else{
this.query_qb(1); this.typeMilitaryPolitics = e;
}, }
/**人物机构切换 */ this.query_qb(1);
qh_type_rwjg(e) { },
this.type_rw_jg = e; /**人物机构切换 */
}, qh_type_rwjg(e) {
NodeClick(val){ this.type_rw_jg = e;
if( JSON.stringify(val) == "{}"){ },
this.value_select = undefined NodeClick(val){
this.jgName = "1"; if( JSON.stringify(val) == "{}"){
this.jgName_public = 2; this.value_select = undefined
}else{ this.jgName = "1";
this.value_select = val.id; this.jgName_public = 2;
this.jgName = val.id; }else{
this.jgName_public = val.type; this.value_select = val.id;
} this.jgName = val.id;
this.type_qf = 1; this.jgName_public = val.type;
this.input3 = ""; }
this.handleCurrentChange_lb(1); this.type_qf = 1;
}, this.input3 = "";
}, this.handleCurrentChange_lb(1);
mounted() { },
},
}, mounted() {
activated() {
if (getCookie("dfzy_jgk") != 1) { },
this.filterText = ""; activated() {
this.jgName = '1'; if (getCookie("dfzy_jgk") != 1) {
this.jgName_public = 2; this.filterText = "";
this.rwkxx = []; this.jgName = '1';
this.query_tree_jg(); this.jgName_public = 2;
} else { this.rwkxx = [];
delCookie("dfzy_jgk"); this.query_tree_jg();
} } else {
}, delCookie("dfzy_jgk");
watch: { }
obj_name: function (val) { },
if (val != "") { watch: {
this.is_true = false; obj_name: function (val) {
} else { if (val != "") {
this.is_true = true; this.is_true = false;
} } else {
}, this.is_true = true;
filterText(val) { }
this.$refs.tree.filter(val); },
}, filterText(val) {
rwkxx(val) { this.$refs.tree.filter(val);
// this.$nextTick(() => { },
// VanillaTilt.init(document.querySelectorAll(".tilts"), { rwkxx(val) {
// max: 30, // this.$nextTick(() => {
// speed: 400, // VanillaTilt.init(document.querySelectorAll(".tilts"), {
// }); // max: 30,
// }); // speed: 400,
}, // });
}, // });
}; },
</script> },
<style lang="scss"> };
#dfzyjgk { </script>
width: 97%; <style lang="scss">
height: 92%; #dfzyjgk {
margin: 1%; width: 97%;
height: 92%;
.rwk-right { margin: 1%;
width: calc(100% - 20px);
height: 100%; .rwk-right {
float: left; width: calc(100% - 20px);
margin-left: 20px; height: 100%;
overflow: hidden; float: left;
// border: 1px solid #125473; margin-left: 20px;
border-radius: 5px; overflow: hidden;
box-sizing: border-box; // border: 1px solid #125473;
position: relative; border-radius: 5px;
box-sizing: border-box;
.top-div { position: relative;
width: calc(100% - 2px);
height: 80px; .top-div {
border: 1px solid #3a5f94c9; width: calc(100% - 2px);
font-weight: 600; height: 80px;
margin-top: 10px; border: 1px solid #3a5f94c9;
border-radius: 0px 15px; font-weight: 600;
.serch-div { margin-top: 10px;
.el-input__inner { border-radius: 0px 15px;
background: none; .serch-div {
border: 1px solid #3a5f94c9; .el-input__inner {
color: #ffff; background: none;
} border: 1px solid #3a5f94c9;
.el-select .el-input { color: #ffff;
width: 130px; }
background-color: #1c678a; .el-select .el-input {
} width: 130px;
.el-input-group__append { background-color: #1c678a;
border: unset; }
} .el-input-group__append {
} border: unset;
}
.tm-div { }
}
.div-type { .tm-div {
line-height: 25px; }
font-size: 13px; .div-type {
font-weight: 600; line-height: 25px;
.top-type-span { font-size: 13px;
width: 100px; font-weight: 600;
float: left; .top-type-span {
margin: 2px 0px; width: 100px;
text-align: right; float: left;
} margin: 2px 0px;
.top-type-div { text-align: right;
width: calc(100% - 100px); }
float: left; .top-type-div {
div { width: calc(100% - 100px);
float: left; float: left;
margin: 2px 5px; div {
padding: 0px 5px; float: left;
cursor: pointer; margin: 2px 5px;
} padding: 0px 5px;
.active-CountryRegion { cursor: pointer;
background: #9d893a; }
} .active-CountryRegion {
.active-MilitaryPolitics { background: #9d893a;
background: #9d893a; }
} .active-MilitaryPolitics {
} background: #9d893a;
} }
.line-s { }
border: 1px solid white; }
width: 0px; .line-s {
height: calc(100% - 20px); border: 1px solid white;
box-shadow: 0px 0px 9px #18d3ef; width: 0px;
margin: 10px 20px; height: calc(100% - 20px);
} box-shadow: 0px 0px 9px #18d3ef;
.jzxs { margin: 10px 20px;
display: flex; }
justify-content: center; .jzxs {
.rk-jg-div { display: flex;
width: 110px; justify-content: center;
float: left; .rk-jg-div {
cursor: pointer; width: 110px;
margin: 0px 10px; float: left;
.tb-div { cursor: pointer;
width: 40px; margin: 0px 10px;
height: 40px; .tb-div {
background-image: url("../../assets/img/dfzy/new/2.png"); width: 40px;
background-size: 100% 100%; height: 40px;
float: left; background-image: url("../../assets/img/dfzy/new/2.png");
margin-right: 10px; background-size: 100% 100%;
} float: left;
.tb-span { margin-right: 10px;
line-height: 40px; }
letter-spacing: 2px; .tb-span {
font-size: 15px; line-height: 40px;
font-weight: 600; letter-spacing: 2px;
} font-size: 15px;
} font-weight: 600;
.active-tb { }
.tb-div { }
background-image: url("../../assets/img/dfzy/new/1.png"); .active-tb {
} .tb-div {
.tb-span { background-image: url("../../assets/img/dfzy/new/1.png");
color: #d7b637; }
} .tb-span {
} color: #d7b637;
} }
} }
.bottom-div { }
width: 100%; }
height: calc(100% - 140px); .bottom-div {
overflow-y: auto; width: 100%;
overflow-x: hidden; height: calc(100% - 140px);
.rwxx-div { overflow-y: auto;
width: 23%; overflow-x: hidden;
height: 160px; .rwxx-div {
margin: 1%; width: 23%;
float: left; height: 160px;
.zyx { margin: 1%;
position: absolute; float: left;
width: calc(100% - 37px); .zyx {
height: calc(100% - 79px); position: absolute;
padding: 21px 23px; width: calc(100% - 37px);
pointer-events: none; height: calc(100% - 79px);
div { padding: 21px 23px;
width: 100%; pointer-events: none;
height: 100%; div {
position: relative; width: 100%;
overflow: hidden; height: 100%;
span { position: relative;
position: absolute; overflow: hidden;
top: 9px; span {
right: -13px; position: absolute;
display: block; top: 9px;
font-size: 12px; right: -13px;
color: #ffffff; display: block;
background: #36a8ff; font-size: 12px;
width: 60px; color: #ffffff;
line-height: 20px; background: #36a8ff;
text-align: center; width: 60px;
transform: rotate(45deg); line-height: 20px;
letter-spacing: 3px; text-align: center;
} transform: rotate(45deg);
} letter-spacing: 3px;
} }
.zyx1 { }
position: absolute; }
width: calc(100% - 37px); .zyx1 {
height: calc(100% - 79px); position: absolute;
padding: 21px 23px; width: calc(100% - 37px);
pointer-events: none; height: calc(100% - 79px);
div { padding: 21px 23px;
width: 100%; pointer-events: none;
height: 100%; div {
position: relative; width: 100%;
overflow: hidden; height: 100%;
span { position: relative;
position: absolute; overflow: hidden;
top: 8px; span {
left: -12px; position: absolute;
display: block; top: 8px;
font-size: 12px; left: -12px;
color: #ffffff; display: block;
background: #36a8ff; font-size: 12px;
width: 60px; color: #ffffff;
line-height: 20px; background: #36a8ff;
text-align: center; width: 60px;
transform: rotate(-45deg); line-height: 20px;
letter-spacing: 3px; text-align: center;
} transform: rotate(-45deg);
} letter-spacing: 3px;
} }
}
.tilts { }
width: 100%;
height: 100%; .tilts {
background-image: url("../../assets/img/dfzy/new/4.png"); width: 100%;
background-size: 100% 100%; height: 100%;
cursor: pointer; background-image: url("../../assets/img/dfzy/new/4.png");
// transform: perspective(1000px); background-size: 100% 100%;
.img-div{ cursor: pointer;
animation:scaleDraw ease-in-out infinite 1.5s alternate; // transform: perspective(1000px);
} .img-div{
} animation:scaleDraw ease-in-out infinite 1.5s alternate;
@keyframes scaleDraw { }
0%{ }
transform: scale(1); @keyframes scaleDraw {
} 0%{
100%{ transform: scale(1);
transform: scale(1.1); }
} 100%{
} transform: scale(1.1);
}
.tilts:hover { }
// transform-style: preserve-3d;
background-image: url("../../assets/img/dfzy/new/3.png"); .tilts:hover {
.name-div{ // transform-style: preserve-3d;
background-image: url("../../assets/img/dfzy/new/5.png"); background-image: url("../../assets/img/dfzy/new/3.png");
} .name-div{
.top-span { background-image: url("../../assets/img/dfzy/new/5.png");
background: linear-gradient(to bottom, #fffe7f, #54ff88); }
-webkit-background-clip: text; .top-span {
color: transparent; background: linear-gradient(to bottom, #fffe7f, #54ff88);
} -webkit-background-clip: text;
} color: transparent;
.table-active { }
background-image: url("../../assets/img/dfzy/new/3.png"); }
.name-div{ .table-active {
background-image: url("../../assets/img/dfzy/new/5.png"); background-image: url("../../assets/img/dfzy/new/3.png");
} .name-div{
// .top-span { background-image: url("../../assets/img/dfzy/new/5.png");
// background: linear-gradient(to bottom, #fffe7f, #54ff88); }
// -webkit-background-clip: text; // .top-span {
// color: transparent; // background: linear-gradient(to bottom, #fffe7f, #54ff88);
// } // -webkit-background-clip: text;
} // color: transparent;
.img-div { // }
width: 70px; }
height: 70px; .img-div {
float: left; width: 70px;
margin: 40px 3px 28px 40px; height: 70px;
border: 2px solid white; float: left;
border-radius: 50%; margin: 40px 3px 28px 40px;
// transform: translateZ(20px); border: 2px solid white;
.tx-bg { border-radius: 50%;
width: 100%; // transform: translateZ(20px);
height: 100%; .tx-bg {
background-size: 100% 100%; width: 100%;
border-radius: 50%; height: 100%;
} background-size: 100% 100%;
} border-radius: 50%;
.text-div { }
width: calc(100% - 130px); }
height: 75px; .text-div {
float: left; width: calc(100% - 130px);
margin-top: 40px; height: 75px;
// transform: translateZ(20px); float: left;
.name-div { margin-top: 40px;
width: 100%; // transform: translateZ(20px);
height: 100%; .name-div {
background-image: url("../../assets/img/dfzy/new/6.png"); width: 100%;
background-size: 100% 100%; height: 100%;
text-align: center; background-image: url("../../assets/img/dfzy/new/6.png");
color: white; background-size: 100% 100%;
.top-span { text-align: center;
font-size: 20px; color: white;
font-weight: 900; .top-span {
letter-spacing: 5px; font-size: 20px;
line-height: 50px; font-weight: 900;
white-space: nowrap; letter-spacing: 5px;
overflow: hidden; line-height: 50px;
text-overflow: ellipsis; white-space: nowrap;
} overflow: hidden;
.bottom-span { text-overflow: ellipsis;
width: 60%; }
margin-left: 20%; .bottom-span {
font-size: 12px; width: 60%;
word-break: break-all; margin-left: 20%;
text-overflow: ellipsis; font-size: 12px;
display: -webkit-box; word-break: break-all;
-webkit-box-orient: vertical; text-overflow: ellipsis;
-webkit-line-clamp: 1; display: -webkit-box;
overflow: hidden; -webkit-box-orient: vertical;
} -webkit-line-clamp: 1;
} overflow: hidden;
.synopsis-div { }
color: #ffffff87; }
font-size: 15px; .synopsis-div {
padding-right: 20px; color: #ffffff87;
padding-left: 20px; font-size: 15px;
text-overflow: ellipsis; padding-right: 20px;
display: -webkit-box; padding-left: 20px;
-webkit-box-orient: vertical; text-overflow: ellipsis;
-webkit-line-clamp: 3; display: -webkit-box;
overflow: hidden; -webkit-box-orient: vertical;
text-indent: 2em; -webkit-line-clamp: 3;
word-break: break-all; overflow: hidden;
white-space: pre-line; text-indent: 2em;
} word-break: break-all;
.xq-div { white-space: pre-line;
width: calc(100% - 40px); }
padding-left: 28px; .xq-div {
height: 20px; width: calc(100% - 40px);
overflow: hidden; padding-left: 28px;
margin-top: 5px; height: 20px;
float: left; overflow: hidden;
} margin-top: 5px;
.el-tag { float: left;
float: left; }
margin-right: 10px; .el-tag {
height: 20px; float: left;
padding: 0px 8px; margin-right: 10px;
line-height: 19px; height: 20px;
} padding: 0px 8px;
} line-height: 19px;
} }
} }
} }
#_people .el-dialog { }
width: 1100px; }
} #_people .el-dialog {
#_plscs { width: 1100px;
.el-select { }
margin-top: 20px; #_plscs {
margin-left: 20px; .el-select {
float: left; margin-top: 20px;
} margin-left: 20px;
.upload-demo { float: left;
margin-top: 20px; }
margin-left: 20px; .upload-demo {
float: left; margin-top: 20px;
} margin-left: 20px;
.ac { float: left;
margin-top: 20px; }
margin-left: 20px; .ac {
} margin-top: 20px;
margin-left: 20px;
.table-div { }
width: 100%;
height: 500px; .table-div {
margin-top: 20px; width: 100%;
margin-left: 0px; height: 500px;
background: #e6e6e6; margin-top: 20px;
.el-table__body-wrapper { margin-left: 0px;
height: 452px; background: #e6e6e6;
overflow-y: auto; .el-table__body-wrapper {
} height: 452px;
.cell { overflow-y: auto;
text-align: center; }
} .cell {
.el-table tr { text-align: center;
background-color: #1d2d46 !important; }
color: #ffffffc7; .el-table tr {
} background-color: #1d2d46 !important;
.el-table td { color: #ffffffc7;
border-bottom: 1px solid #127a89; }
border-right: unset; .el-table td {
} border-bottom: 1px solid #127a89;
.el-table--enable-row-hover .el-table__body tr:hover > td { border-right: unset;
background-color: #82848a78; }
} .el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table th { background-color: #82848a78;
border: unset; }
background-color: #263b5d !important; .el-table th {
} border: unset;
.el-table--fit { background-color: #263b5d !important;
background: none !important; }
border: unset; .el-table--fit {
} background: none !important;
.el-icon-delete-solid { border: unset;
color: red; }
cursor: pointer; .el-icon-delete-solid {
font-size: 18px; color: red;
} cursor: pointer;
.el-icon-edit { font-size: 18px;
color: #1172d8; }
cursor: pointer; .el-icon-edit {
font-size: 20px; color: #1172d8;
} cursor: pointer;
.el-icon-delete { font-size: 20px;
color: red; }
font-size: 20px; .el-icon-delete {
cursor: pointer; color: red;
} font-size: 20px;
.el-table--group::after, cursor: pointer;
.el-table--border::after, }
.el-table::before { .el-table--group::after,
background-color: unset; .el-table--border::after,
} .el-table::before {
} background-color: unset;
} }
.el-dialog { }
background: #1d2d46 !important; }
.el-step__title.is-process { .el-dialog {
color: #e0a142; background: #1d2d46 !important;
} .el-step__title.is-process {
.el-dialog__title { color: #e0a142;
color: #ffffff; }
} .el-dialog__title {
.el-dialog__body { color: #ffffff;
padding: 6px 20px; }
.el-form-item__label { .el-dialog__body {
color: #e8e8e8; padding: 6px 20px;
} .el-form-item__label {
.el-cascader { color: #e8e8e8;
width: 100%; }
} .el-cascader {
} width: 100%;
.avatar-uploader .el-upload { }
border: 1px dashed #d9d9d9; }
border-radius: 6px; .avatar-uploader .el-upload {
cursor: pointer; border: 1px dashed #d9d9d9;
position: relative; border-radius: 6px;
overflow: hidden; cursor: pointer;
height: 100%; position: relative;
width: 100%; overflow: hidden;
} height: 100%;
.avatar-uploader .el-upload:hover { width: 100%;
border-color: #409eff; }
} .avatar-uploader .el-upload:hover {
.avatar-uploader-icon { border-color: #409eff;
font-size: 28px; }
color: #8c939d; .avatar-uploader-icon {
width: 100%; font-size: 28px;
height: 100%; color: #8c939d;
line-height: 230px; width: 100%;
text-align: center; height: 100%;
} line-height: 230px;
.avatar { text-align: center;
width: 100%; }
height: 100%; .avatar {
display: block; width: 100%;
} height: 100%;
.right-left { display: block;
width: calc(100% - 40px); }
float: left; .right-left {
background: rgba(41, 60, 90, 0.49); width: calc(100% - 40px);
padding: 20px 20px 0px 20px; float: left;
.title-div { background: rgba(41, 60, 90, 0.49);
float: left; padding: 20px 20px 0px 20px;
width: 100%; .title-div {
height: 25px; float: left;
background-size: 100% 100%; width: 100%;
position: relative; height: 25px;
margin-top: 10px; background-size: 100% 100%;
> span { position: relative;
position: absolute; margin-top: 10px;
font-weight: 700; > span {
font-size: 18px; position: absolute;
color: #50d7ec; font-weight: 700;
margin-left: 10px; font-size: 18px;
} color: #50d7ec;
.el-button { margin-left: 10px;
float: right; }
margin-right: 10px; .el-button {
} float: right;
} margin-right: 10px;
.mk-div { }
width: 100%; }
float: left; .mk-div {
background: #fdfdfd0f; width: 100%;
margin-bottom: 20px; float: left;
.data-div { background: #fdfdfd0f;
width: calc(100% - 40px); margin-bottom: 20px;
float: left; .data-div {
padding: 20px; width: calc(100% - 40px);
.pub-div-data { float: left;
margin: 10px calc(50% - 28px); padding: 20px;
color: #909399; .pub-div-data {
font-size: 14px; margin: 10px calc(50% - 28px);
} color: #909399;
.el-table tr { font-size: 14px;
background-color: #1d2d46 !important; }
color: #ffffffc7; .el-table tr {
} background-color: #1d2d46 !important;
.el-table td { color: #ffffffc7;
background-color: #253650 !important; }
color: #ffffffc7; .el-table td {
} background-color: #253650 !important;
.el-table td { color: #ffffffc7;
border-bottom: 1px solid #127a89; }
border-right: unset; .el-table td {
} border-bottom: 1px solid #127a89;
.el-table--enable-row-hover .el-table__body tr:hover > td { border-right: unset;
background-color: #82848a78; }
} .el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table th { background-color: #82848a78;
border: unset; }
background-color: #263b5d !important; .el-table th {
} border: unset;
.el-table--fit { background-color: #263b5d !important;
background: none !important; }
border: unset; .el-table--fit {
} background: none !important;
.el-table--group::after, border: unset;
.el-table--border::after, }
.el-table::before { .el-table--group::after,
background-color: unset; .el-table--border::after,
} .el-table::before {
.el-table__header-wrapper table { background-color: unset;
width: 100% !important; }
} .el-table__header-wrapper table {
.el-table__body-wrapper { width: 100% !important;
.el-table__empty-block { }
height: 20px !important; .el-table__body-wrapper {
} .el-table__empty-block {
} height: 20px !important;
} }
} }
.table_jbxx { }
border-collapse: collapse; }
width: 100%; .table_jbxx {
position: relative; border-collapse: collapse;
margin-top: 10px; width: 100%;
td { position: relative;
border: 1px solid #00648c; margin-top: 10px;
padding: 5px 12px; td {
font-size: 14px; border: 1px solid #00648c;
width: 200px; padding: 5px 12px;
} font-size: 14px;
.img-div { width: 200px;
border: 3px solid #ffffff; }
width: 200px; .img-div {
height: 230px; border: 3px solid #ffffff;
img { width: 200px;
background-size: 100% 100%; height: 230px;
} img {
} background-size: 100% 100%;
.pub-td1 { }
color: #007eff; }
font-weight: 900; .pub-td1 {
width: 100px; color: #007eff;
} font-weight: 900;
.pub-td2 { width: 100px;
color: #8cd4ff; }
} .pub-td2 {
.el-icon-remove { color: #8cd4ff;
color: #ff4a4a; }
font-size: 20px; .el-icon-remove {
position: absolute; color: #ff4a4a;
right: -31px; font-size: 20px;
margin-top: 11px; position: absolute;
cursor: pointer; right: -31px;
} margin-top: 11px;
.el-icon-circle-plus { cursor: pointer;
color: #ff4a4a; }
font-size: 20px; .el-icon-circle-plus {
position: absolute; color: #ff4a4a;
right: -31px; font-size: 20px;
bottom: 12px; position: absolute;
cursor: pointer; right: -31px;
} bottom: 12px;
.el-icon-edit { cursor: pointer;
color: #5cde7c; }
font-size: 20px; .el-icon-edit {
position: absolute; color: #5cde7c;
right: 10px; font-size: 20px;
margin-top: 11px; position: absolute;
cursor: pointer; right: 10px;
} margin-top: 11px;
.button-div { cursor: pointer;
position: absolute; }
right: 40px; .button-div {
margin-top: 8px; position: absolute;
position: absolute; right: 40px;
} margin-top: 8px;
} position: absolute;
.title-divs { }
float: left; }
height: 25px; .title-divs {
width: calc(100% - 0px); float: left;
// background-image: url("../../assets/img/dfzy/02.png"); height: 25px;
// background-size: 100% 100%; width: calc(100% - 0px);
} // background-image: url("../../assets/img/dfzy/02.png");
} // background-size: 100% 100%;
} }
#add_a, }
#edit_a { }
.el-dialog { #add_a,
width: 400px; #edit_a {
background-color: #1d2d47; .el-dialog {
.el-dialog__header { width: 400px;
text-align: center; background-color: #1d2d47;
.el-dialog__title { .el-dialog__header {
color: white; text-align: center;
} .el-dialog__title {
} color: white;
.el-dialog__body { }
padding: 30px 20px; }
.dialogContent { .el-dialog__body {
span { padding: 30px 20px;
float: left; .dialogContent {
margin-top: 5.5px; span {
color: white; float: left;
} margin-top: 5.5px;
.el-input { color: white;
width: 80%; }
input { .el-input {
height: 30px; width: 80%;
} input {
} height: 30px;
} }
} }
.el-dialog__title { }
color: #ffffff; }
} .el-dialog__title {
.el-form-item__label { color: #ffffff;
color: #dadada; }
} .el-form-item__label {
.button-preview { color: #dadada;
width: 100px; }
height: 30px; .button-preview {
line-height: 30px; width: 100px;
font-size: 14px; height: 30px;
margin-left: calc(50% - 110px); line-height: 30px;
margin-top: 10px; font-size: 14px;
text-align: center; margin-left: calc(50% - 110px);
cursor: pointer; margin-top: 10px;
background-image: url(../../assets/img/yqjc/40.png); text-align: center;
background-repeat: no-repeat; cursor: pointer;
background-size: 100% 100%; background-image: url(../../assets/img/yqjc/40.png);
} background-repeat: no-repeat;
.button-cancel { background-size: 100% 100%;
width: 100px; }
height: 30px; .button-cancel {
line-height: 30px; width: 100px;
margin-left: 20px; height: 30px;
margin-top: 10px; line-height: 30px;
text-align: center; margin-left: 20px;
cursor: pointer; margin-top: 10px;
background-image: url(../../assets/img/yqjc/41.png); text-align: center;
background-repeat: no-repeat; cursor: pointer;
background-size: 100% 100%; background-image: url(../../assets/img/yqjc/41.png);
} background-repeat: no-repeat;
.el-upload-list__item-name [class^="el-icon"] { background-size: 100% 100%;
color: #2870ff; }
height: unset !important; .el-upload-list__item-name [class^="el-icon"] {
} color: #2870ff;
.el-upload__tip { height: unset !important;
color: #c7c7c7; }
} .el-upload__tip {
.el-upload-list__item-name { color: #c7c7c7;
color: #4382ff; }
} .el-upload-list__item-name {
.audio-class { color: #4382ff;
margin-left: 75px; }
} .audio-class {
} margin-left: 75px;
} }
.el-dialog { }
.el-input__inner { }
color: white !important; .el-dialog {
background: none !important; .el-input__inner {
border: 1px solid #146a80 !important; color: white !important;
box-shadow: 0 0 10px #1b6097; background: none !important;
} border: 1px solid #146a80 !important;
.el-textarea__inner { box-shadow: 0 0 10px #1b6097;
color: white !important; }
background: none !important; .el-textarea__inner {
border: 1px solid #146a80 !important; color: white !important;
box-shadow: 0 0 10px #1b6097; background: none !important;
} border: 1px solid #146a80 !important;
} box-shadow: 0 0 10px #1b6097;
.gjcx-div { }
width: 100%; }
position: absolute; .gjcx-div {
top: 80px; width: 100%;
// box-shadow: rgb(24, 110, 138) 0px 4px 6px; position: absolute;
// background-image: linear-gradient(#21334f, rgb(23, 73, 109)); top: 80px;
// background-image: url("../../assets/img/dfzy/new/6.png"); // box-shadow: rgb(24, 110, 138) 0px 4px 6px;
background-image: linear-gradient(to right, #111112, #2a607f, #221c2c); // background-image: linear-gradient(#21334f, rgb(23, 73, 109));
background-size: 100% 100%; // background-image: url("../../assets/img/dfzy/new/6.png");
.demo-form-inline { background-image: linear-gradient(to right, #111112, #2a607f, #221c2c);
width: 60%; background-size: 100% 100%;
margin-left: 23%; .demo-form-inline {
padding-top: 15px; width: 60%;
margin-bottom: 20px; margin-left: 23%;
} padding-top: 15px;
.el-input__inner { margin-bottom: 20px;
color: #ffffff; }
background: none !important; .el-input__inner {
border: 1px solid #146a80 !important; color: #ffffff;
box-shadow: 0 0 10px #1b6097; background: none !important;
} border: 1px solid #146a80 !important;
.el-form-item { box-shadow: 0 0 10px #1b6097;
margin-bottom: 0px; }
} .el-form-item {
.button-discusss { margin-bottom: 0px;
width: 100px; }
height: 30px; .button-discusss {
line-height: 30px; width: 100px;
float: left; height: 30px;
font-size: 14px; line-height: 30px;
margin-top: 20px; float: left;
margin-left: 20px; font-size: 14px;
text-align: center; margin-top: 20px;
cursor: pointer; margin-left: 20px;
background-image: url(../../assets/img/yqjc/40.png); text-align: center;
background-repeat: no-repeat; cursor: pointer;
background-size: 100% 100%; background-image: url(../../assets/img/yqjc/40.png);
} background-repeat: no-repeat;
} background-size: 100% 100%;
} }
</style> }
}
</style>
src/view/dfzy/dfzyrwk.vue
View file @ 9837e6fb
<template> <template>
<div id="dfzyrwk"> <div id="dfzyrwk">
<div class="rwk-right"> <div class="rwk-right">
<div class="top-div"> <div class="top-div">
<el-row <el-row
:gutter="24" :gutter="24"
style=" style="
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color:white; color:white;
" "
> >
<el-col :span="6"> <el-col :span="6">
<div class="div-type"> <div class="div-type">
<div class="top-type-span"> <div class="top-type-span">
<span>对象地区：</span> <span>对象地区：</span>
</div> </div>
<div class="top-type-div"> <div class="top-type-div">
<div <div
v-for="item in this.type_arr_country" v-for="item in this.type_arr_country"
@click="dq_fun(item)" @click="dq_fun(item)"
:class="{ :class="{
'active-CountryRegion': typeCountryRegion.value == item.value, 'active-CountryRegion': typeCountryRegion.value == item.value,
}" }"
> >
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
</div> </div>
<div class="div-type"> <div class="div-type">
<div class="top-type-span"> <div class="top-type-span">
<span>类型：</span> <span>类型：</span>
</div> </div>
<div class="top-type-div"> <div class="top-type-div">
<div <div
v-for="item in this.type_arr" v-for="item in this.type_arr"
@click="MilitaryPolitics_fun(item)" @click="MilitaryPolitics_fun(item)"
:class="{ :class="{
'active-MilitaryPolitics': 'active-MilitaryPolitics':
typeMilitaryPolitics.value == item.value, typeMilitaryPolitics.value == item.value,
}" }"
> >
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
</div> </div>
</el-col> </el-col>
<div class="line-s"></div> <div class="line-s"></div>
<el-col :span="5" class="tm-div"> <el-col :span="5" class="tm-div">
<SelectTree :value="value_select" filterable :data="tree_data" @NodeClick="NodeClick"/> <SelectTree :value="value_select" filterable :data="tree_data" @NodeClick="NodeClick"/>
</el-col> </el-col>
<div class="line-s"></div> <div class="line-s"></div>
<el-col <el-col
:span="5" :span="5"
style="position: relative; padding: 0px" style="position: relative; padding: 0px"
class="serch-div" class="serch-div"
> >
<el-input placeholder="请输入姓名或外文名" v-model="input3"></el-input> <el-input placeholder="请输入姓名或外文名" v-model="input3"></el-input>
<el-button <el-button
type="primary" type="primary"
@click="query(1)" @click="query(1)"
style=" style="
position: absolute; position: absolute;
right: 8px; right: 8px;
top: 4px; top: 4px;
line-height: 4px; line-height: 4px;
border-radius: 20px; border-radius: 20px;
height: 30px; height: 30px;
background: linear-gradient(to right, #89f7fe, #66a6ff); background: linear-gradient(to right, #89f7fe, #66a6ff);
" "
>搜索</el-button >搜索</el-button
> >
</el-col> </el-col>
<!-- <div class="line-s"></div> --> <!-- <div class="line-s"></div> -->
<el-col :span="2" style="max-width: calc(9% - 31px)" class="pub-col"> <el-col :span="2" style="max-width: calc(9% - 31px)" class="pub-col">
<el-button <el-button
type="primary" type="primary"
@click="query_zhcx()" @click="query_zhcx()"
style=" style="
line-height: 4px; line-height: 4px;
border-radius: 20px; border-radius: 20px;
height: 30px; height: 30px;
background: linear-gradient(to right, #89f7fe, #66a6ff); background: linear-gradient(to right, #89f7fe, #66a6ff);
" "
>高级搜索</el-button >高级搜索</el-button
> >
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<div class="bottom-div"> <div class="bottom-div">
<template v-for="(item, index) in rwkxx"> <template v-for="(item, index) in rwkxx">
<div <div
class="rwxx-div animate__animated bk-bmdx-animation" class="rwxx-div animate__animated bk-bmdx-animation"
:class="[ :class="[
index % 4 == 0 index % 4 == 0
? 'animate__lightSpeedInLeft' ? 'animate__lightSpeedInLeft'
: index % 4 == 1 : index % 4 == 1
? 'animate__zoomIn' ? 'animate__zoomIn'
: index % 4 == 2 : index % 4 == 2
? 'animate__zoomIn' ? 'animate__zoomIn'
: 'animate__lightSpeedInRight', : 'animate__lightSpeedInRight',
]" ]"
@click="rwxq(item, index)" @click="rwxq(item, index)"
> >
<div :class="['tilts', tab_actives == index ? 'table-active' : '']"> <div :class="['tilts', tab_actives == index ? 'table-active' : '']">
<!-- <div class="zyx"> <!-- <div class="zyx">
<div> <div>
<span <span
:style="{ :style="{
background: background:
item.extraProperty['重要性'] == '重要' item.extraProperty['重要性'] == '重要'
? '#ff4444' ? '#ff4444'
: '#ff9e44', : '#ff9e44',
}" }"
>{{ item.extraProperty["重要性"] }}</span >{{ item.extraProperty["重要性"] }}</span
> >
</div> </div>
</div> --> </div> -->
<div class="img-div"> <div class="img-div">
<img class="tx-bg" :src="item.avatarUrl==null?'':item.avatarUrl" :onerror="errimg" /> <img class="tx-bg" :src="item.avatarUrl==null?'':item.avatarUrl" :onerror="errimg" />
</div> </div>
<div class="text-div"> <div class="text-div">
<div class="name-div"> <div class="name-div">
<div class="top-span"> <div class="top-span">
{{ item.xm.value }} {{ item.xm.value }}
</div> </div>
<div class="bottom-span"> <div class="bottom-span">
{{ item.wwm.value }} {{ item.wwm.value }}
</div> </div>
</div> </div>
<!-- <div class="name-div"> <!-- <div class="name-div">
{{ item.baseProperty["姓名"] }}&emsp;&emsp;<span {{ item.baseProperty["姓名"] }}&emsp;&emsp;<span
v-text="item.military_rank" v-text="item.military_rank"
></span ></span
>&emsp;&emsp; >&emsp;&emsp;
<span v-text="item.extraProperty['军衔等级']"></span> <span v-text="item.extraProperty['军衔等级']"></span>
<div class="class1">{{ item.baseProperty["姓名"] }}</div> <div class="class1">{{ item.baseProperty["姓名"] }}</div>
<div class="class1" style="margin-left: 20px"> <div class="class1" style="margin-left: 20px">
{{ item.baseProperty["外文名"] }} {{ item.baseProperty["外文名"] }}
</div> </div>
</div> --> </div> -->
<!-- <div class="synopsis-div"> <!-- <div class="synopsis-div">
<span <span
v-text=" v-text="
item.textarea['人物简介'] == '' || item.textarea['人物简介'] == '' ||
item.textarea['人物简介'] == undefined item.textarea['人物简介'] == undefined
? '暂无简介' ? '暂无简介'
: item.textarea['人物简介'] : item.textarea['人物简介']
" "
></span> ></span>
</div> --> </div> -->
<!-- <div class="xq-div"> <!-- <div class="xq-div">
<div class="tag-group"> <div class="tag-group">
<el-tag <el-tag
v-for="(items, index) in item.label" v-for="(items, index) in item.label"
v-if="item.label != ''" v-if="item.label != ''"
:key="index" :key="index"
:type="tags[index % tags.length].type" :type="tags[index % tags.length].type"
effect="dark" effect="dark"
> >
{{ items }} {{ items }}
</el-tag> </el-tag>
</div> </div>
</div> --> </div> -->
</div> </div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
<div class="page-div"> <div class="page-div">
<el-pagination <el-pagination
class="myPagination" class="myPagination"
background background
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange" @size-change="handleSizeChange"
:page-size="pageInfo.pageSize" :page-size="pageInfo.pageSize"
:current-page="pageInfo.current_page" :current-page="pageInfo.current_page"
:total="pageInfo.total" :total="pageInfo.total"
@current-change="handleCurrentChange_lb" @current-change="handleCurrentChange_lb"
:page-sizes="[10, 20, 50, 100]" :page-sizes="[10, 20, 50, 100]"
> >
</el-pagination> </el-pagination>
</div> </div>
<el-collapse-transition> <el-collapse-transition>
<div class="gjcx-div" v-show="show"> <div class="gjcx-div" v-show="show">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item> <el-form-item>
<label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label> <label>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
<el-input v-model="formInline.name" placeholder="姓名"></el-input> <el-input v-model="formInline.name" placeholder="姓名"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>外文名</label> <label>外文名</label>
<el-input <el-input
v-model="formInline.wwm" v-model="formInline.wwm"
placeholder="外文名" placeholder="外文名"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>行政职务</label> <label>行政职务</label>
<el-input <el-input
v-model="formInline.xzzw" v-model="formInline.xzzw"
placeholder="行政职务" placeholder="行政职务"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>人物简介</label> <label>人物简介</label>
<el-input <el-input
v-model="formInline.rwjj" v-model="formInline.rwjj"
placeholder="人物简介" placeholder="人物简介"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>标&nbsp;&nbsp;&nbsp;签</label> <label>标&nbsp;&nbsp;&nbsp;签</label>
<el-input v-model="formInline.bq" placeholder="标签"></el-input> <el-input v-model="formInline.bq" placeholder="标签"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<label>重&nbsp;&nbsp;要&nbsp;&nbsp;性</label> <label>重&nbsp;&nbsp;要&nbsp;&nbsp;性</label>
<el-input <el-input
v-model="formInline.zyx" v-model="formInline.zyx"
placeholder="重要性" placeholder="重要性"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<div class="button-discusss" @click="zhcx(1)">查询</div> <div class="button-discusss" @click="zhcx(1)">查询</div>
<div class="button-discusss" @click="gb_zhcx()">关闭</div> <div class="button-discusss" @click="gb_zhcx()">关闭</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</el-collapse-transition> </el-collapse-transition>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { import {
get, get,
post, post,
fileUpload, fileUpload,
delete_util, delete_util,
getCookie, getCookie,
delCookie, delCookie,
} from "../../util/http_util"; } from "../../util/http_util";
import jh_bg from "../../assets/img/dfzy/zwtp.png"; import jh_bg from "../../assets/img/dfzy/zwtp.png";
import { uuid } from "../../util/data_util"; import { uuid } from "../../util/data_util";
import VanillaTilt from "vanilla-tilt"; import VanillaTilt from "vanilla-tilt";
import SelectTree from "./seleteTree.vue" import SelectTree from "./seleteTree.vue"
import "animate.css"; import "animate.css";
import { imgUrl } from "../../api/publicUrl"; import { imgUrl } from "../../api/publicUrl";
export default { export default {
components: { SelectTree }, components: { SelectTree },
data() { data() {
return { return {
errimg: "this.src='" + jh_bg + "'", errimg: "this.src='" + jh_bg + "'",
pageInfo: { pageInfo: {
total: 0, total: 0,
pageSize: 10, pageSize: 10,
current_page: 1, current_page: 1,
}, },
rwkxx: [], rwkxx: [],
input3: "", input3: "",
sj_time: "", sj_time: "",
dq: "", dq: "",
tags: [ tags: [
{ type: "" }, { type: "" },
{ type: "success" }, { type: "success" },
{ type: "info" }, { type: "info" },
{ type: "warning" }, { type: "warning" },
{ type: "danger" }, { type: "danger" },
], ],
jh_bg: jh_bg, jh_bg: jh_bg,
form_add: [ form_add: [
{ comment: "目标属性", value: "" }, { comment: "目标属性", value: "" },
{ comment: "目标等级", value: "" }, { comment: "目标等级", value: "" },
{ comment: "岗位编号", value: "" }, { comment: "岗位编号", value: "" },
{ comment: "人物编号", value: "" }, { comment: "人物编号", value: "" },
{ comment: "中文名", value: "" }, { comment: "中文名", value: "" },
{ comment: "外文名", value: "" }, { comment: "外文名", value: "" },
{ comment: "所在机构", value: "" }, { comment: "所在机构", value: "" },
{ comment: "职务", value: "" }, { comment: "职务", value: "" },
{ comment: "国家/地区", value: "" }, { comment: "国家/地区", value: "" },
{ comment: "性别", value: "" }, { comment: "性别", value: "" },
{ comment: "出生日期", value: "" }, { comment: "出生日期", value: "" },
{ comment: "出生地", value: "" }, { comment: "出生地", value: "" },
{ comment: "现职时间", value: "" }, { comment: "现职时间", value: "" },
{ comment: "人员类别", value: "" }, { comment: "人员类别", value: "" },
{ comment: "学历学位", value: "" }, { comment: "学历学位", value: "" },
{ comment: "家庭住址", value: "" }, { comment: "家庭住址", value: "" },
{ comment: "联系电话", value: "" }, { comment: "联系电话", value: "" },
{ comment: "专长领域", value: "" }, { comment: "专长领域", value: "" },
{ comment: "社交媒体账号", value: "" }, { comment: "社交媒体账号", value: "" },
{ comment: "photos", value: "" }, { comment: "photos", value: "" },
], ],
dialogVisible_people: false, dialogVisible_people: false,
imageUrl: jh_bg, imageUrl: jh_bg,
xzzd: [], xzzd: [],
wzmk_data: [], wzmk_data: [],
option_rwmb: [], option_rwmb: [],
option_value_rwmb: "", option_value_rwmb: "",
is_true: true, is_true: true,
obj_name: "", obj_name: "",
// folder: "dfzy-rwk", //头像上传文件夹 // folder: "dfzy-rwk", //头像上传文件夹
fl_type: 1, //查询人物库下面的模板,人物库为11 fl_type: 1, //查询人物库下面的模板,人物库为11
fileList_head: [], fileList_head: [],
file_head: {}, file_head: {},
file_types_head: ".PNG,.JPG,.JPEG", file_types_head: ".PNG,.JPG,.JPEG",
this_data: "", this_data: "",
this_node: "", this_node: "",
tree_data: [], tree_data: [],
filterText: "", filterText: "",
defaultProps: { defaultProps: {
children: "children", children: "children",
label: "label", label: "label",
}, },
dialogVisible_edit: false, dialogVisible_edit: false,
name_edit: "", name_edit: "",
options: [], options: [],
value_szjg: "", value_szjg: "",
types: 1, types: 1,
idFirstEnter: "", idFirstEnter: "",
formInline: { formInline: {
name: "", name: "",
wwm: "", wwm: "",
xzzw: "", xzzw: "",
rwjj: "", rwjj: "",
bq: "", bq: "",
zyx: "", zyx: "",
}, },
show: false, show: false,
type_zhOrcx: 3, type_zhOrcx: 3,
nodes_pub: {}, nodes_pub: {},
i_pub: 0, i_pub: 0,
type_arr_country: [ type_arr_country: [
{ name: "美国", value: "1" }, { name: "美国", value: "1" },
{ name: "英国", value: "2" }, { name: "英国", value: "2" },
{ name: "日本", value: "3" }, { name: "日本", value: "3" },
{ name: "台湾", value: "4" }, { name: "台湾", value: "4" },
], ],
type_arr: [ type_arr: [
{ name: "军事", value: "1" }, { name: "军事", value: "1" },
{ name: "政治", value: "2" }, { name: "政治", value: "2" },
], { name: "经济", value: "3" },
type_rw_jg: 0, { name: "社会", value: "4" },
typeCountryRegion: {value:'',name:''}, ],
typeMilitaryPolitics: {value:'',name:''}, type_rw_jg: 0,
tab_actives: "-1", //表格切换 typeCountryRegion: {value:'',name:''},
categoryId: null, typeMilitaryPolitics: {value:'',name:''},
valueTitle: "", tab_actives: "-1", //表格切换
value_select:4, categoryId: null,
value_selects:'', valueTitle: "",
}; value_select:4,
}, value_selects:'',
methods: { };
query_zhcx() { },
this.show = !this.show; methods: {
}, query_zhcx() {
zhcx(pageNum) { this.show = !this.show;
if(this.types==1){ },
this.value_select = 1 zhcx(pageNum) {
}else{ if(this.types==1){
this.value_select = 4 this.value_select = 1
} }else{
this.input3 = ''; this.value_select = 4
this.typeCountryRegion = {value:'',name:''}; }
this.typeMilitaryPolitics = {value:'',name:''}; this.input3 = '';
this.type_zhOrcx = 1; this.typeCountryRegion = {value:'',name:''};
this.pageInfo.current_page = pageNum; this.typeMilitaryPolitics = {value:'',name:''};
let pageSize = this.pageInfo.pageSize; this.type_zhOrcx = 1;
post( this.pageInfo.current_page = pageNum;
`api/rest/mongo/character/query?pageNum=${pageNum}&pageSize=${pageSize}`, let pageSize = this.pageInfo.pageSize;
{ post(
module: this.types == 1 ? "DF" : "DFWW", `api/rest/mongo/character/query?pageNum=${pageNum}&pageSize=${pageSize}`,
combinationSearch:{ {
chineseName: this.formInline.name, module: this.types == 1 ? "DF" : "DFWW",
foreignName: this.formInline.wwm, combinationSearch:{
xzzw: this.formInline.xzzw, chineseName: this.formInline.name,
rwjj: this.formInline.rwjj, foreignName: this.formInline.wwm,
bq: this.formInline.bq, xzzw: this.formInline.xzzw,
zyx: this.formInline.zyx, rwjj: this.formInline.rwjj,
} bq: this.formInline.bq,
} zyx: this.formInline.zyx,
) }
.then((res) => { }
this.rwkxx = []; )
setTimeout(() => { .then((res) => {
this.rwkxx = res.records; this.rwkxx = [];
this.pageInfo.total = res.total; setTimeout(() => {
}, 500); this.rwkxx = res.records;
}) this.pageInfo.total = res.total;
.catch((err) => { }, 500);
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
gb_zhcx() { });
this.show = false; },
}, gb_zhcx() {
//查询tree数据 this.show = false;
query_tree_jg() { },
this.tree_data = []; //查询tree数据
get("api/rest/mongo/organization/queryTree?module=" + 'DF') query_tree_jg() {
.then((res) => { this.tree_data = [];
let arr = [ get("api/rest/mongo/organization/queryTree?module=" + 'DF')
{ .then((res) => {
id: 1, let arr = [
label: "机构列表", {
level: 0, id: 1,
children: res, label: "机构列表",
}, level: 0,
]; children: res,
this.tree_data = this.initData(arr, 1); },
get( ];
"api/rest/mongo/organization/queryTree?module=" + this.tree_data = this.initData(arr, 1);
"DFWW" get(
) "api/rest/mongo/organization/queryTree?module=" +
.then((res1) => { "DFWW"
let arr1 = { )
id: 4, .then((res1) => {
label: "外网机构列表", let arr1 = {
level: 0, id: 4,
type: 2, label: "外网机构列表",
children: this.initData(res1, 2), level: 0,
}; type: 2,
this.tree_data.push(arr1); children: this.initData(res1, 2),
this.value_select = 4; };
}) this.tree_data.push(arr1);
.catch((err) => { this.value_select = 4;
this.$message.warning(err.message); })
}); .catch((err) => {
}) this.$message.warning(err.message);
.then((res) => { });
this.handleCurrentChange_lb(1); })
}) .then((res) => {
.catch((err) => { this.handleCurrentChange_lb(1);
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
filterNode(value, data) { });
if (!value) return true; },
return data.label.indexOf(value) !== -1; filterNode(value, data) {
}, if (!value) return true;
handleSizeChange(val) { return data.label.indexOf(value) !== -1;
this.pageInfo.pageSize = val; },
this.pageInfo.current_page = 1; handleSizeChange(val) {
this.handleCurrentChange_lb(1); this.pageInfo.pageSize = val;
}, this.pageInfo.current_page = 1;
//列表分页 this.handleCurrentChange_lb(1);
handleCurrentChange_lb(pageNum) { },
if (this.type_zhOrcx == 1) { //列表分页
this.zhcx(pageNum); handleCurrentChange_lb(pageNum) {
} else if(this.type_zhOrcx ==2) { if (this.type_zhOrcx == 1) {
this.query_jg(pageNum); this.zhcx(pageNum);
}else{ } else if(this.type_zhOrcx ==2) {
this.query(pageNum); this.query_jg(pageNum);
} }else{
}, this.query(pageNum);
query_jg(pageNum) { }
this.formInline = { },
name: "", query_jg(pageNum) {
wwm: "", this.formInline = {
xzzw: "", name: "",
rwjj: "", wwm: "",
bq: "", xzzw: "",
zyx: "", rwjj: "",
}; bq: "",
this.input3 = ''; zyx: "",
this.typeCountryRegion = {value:'',name:''}; };
this.typeMilitaryPolitics = {value:'',name:''}; this.input3 = '';
this.type_zhOrcx = 2; this.typeCountryRegion = {value:'',name:''};
this.pageInfo.current_page = pageNum; this.typeMilitaryPolitics = {value:'',name:''};
let pageSize = this.pageInfo.pageSize; this.type_zhOrcx = 2;
post( this.pageInfo.current_page = pageNum;
`api/rest/mongo/character/query?pageNum=${pageNum}&pageSize=${pageSize}`, let pageSize = this.pageInfo.pageSize;
{ post(
module: this.types == 1 ? "DF" : "DFWW", `api/rest/mongo/character/query?pageNum=${pageNum}&pageSize=${pageSize}`,
orgId:this.value_select==1||this.value_select==4?null:this.value_selects, {
} module: this.types == 1 ? "DF" : "DFWW",
) orgId:this.value_select==1||this.value_select==4?null:this.value_selects,
.then((res) => { }
this.rwkxx = []; )
setTimeout(() => { .then((res) => {
this.rwkxx = res.records; this.rwkxx = [];
this.pageInfo.total = res.total; setTimeout(() => {
}, 500); this.rwkxx = res.records;
}) this.pageInfo.total = res.total;
.catch((err) => { }, 500);
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
query(pageNum) { });
this.formInline = { },
name: "", query(pageNum) {
wwm: "", this.formInline = {
xzzw: "", name: "",
rwjj: "", wwm: "",
bq: "", xzzw: "",
zyx: "", rwjj: "",
}; bq: "",
if(this.types==1){ zyx: "",
this.value_select = 1 };
}else{ if(this.types==1){
this.value_select = 4 this.value_select = 1
} }else{
this.type_zhOrcx = 3; this.value_select = 4
this.pageInfo.current_page = pageNum; }
let pageSize = this.pageInfo.pageSize; this.type_zhOrcx = 3;
post( this.pageInfo.current_page = pageNum;
`api/rest/mongo/character/query?pageNum=${pageNum}&pageSize=${pageSize}`, let pageSize = this.pageInfo.pageSize;
{ post(
module: this.types == 1 ? "DF" : "DFWW", `api/rest/mongo/character/query?pageNum=${pageNum}&pageSize=${pageSize}`,
name:this.input3, {
type:this.typeMilitaryPolitics.name, module: this.types == 1 ? "DF" : "DFWW",
nation:this.typeCountryRegion.name, name:this.input3,
} type:this.typeMilitaryPolitics.name,
) nation:this.typeCountryRegion.name,
.then((res) => { }
this.rwkxx = []; )
setTimeout(() => { .then((res) => {
this.rwkxx = res.records; this.rwkxx = [];
this.pageInfo.total = res.total; setTimeout(() => {
}, 500); this.rwkxx = res.records;
}) this.pageInfo.total = res.total;
.catch((err) => { }, 500);
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
rwxq(item, index) { });
// this.tab_actives = index; },
this.$router.push({ rwxq(item, index) {
name: "人物详情" + this.$route.meta.type_name, // this.tab_actives = index;
params: { key: item, types: true }, this.$router.push({
}); name: "人物详情" + this.$route.meta.type_name,
}, params: { key: item, types: true },
//查询当前节点的最顶层节点ID });
getparentNode(data) { },
if (data.data.parentCode == null) { //查询当前节点的最顶层节点ID
return data.data.id; getparentNode(data) {
} else { if (data.data.parentCode == null) {
return this.getparentNode(data.parent); return data.data.id;
} } else {
}, return this.getparentNode(data.parent);
query_tree() { }
get("api/rest/mongo/template/query") },
.then((datas) => { query_tree() {
this.option_rwmb = []; get("api/rest/mongo/template/query")
if (datas.length > 0) { .then((datas) => {
datas.forEach((item) => { this.option_rwmb = [];
this.option_rwmb.push({ value: item.id, label: item.name }); if (datas.length > 0) {
}); datas.forEach((item) => {
} this.option_rwmb.push({ value: item.id, label: item.name });
}) });
.catch((err) => { }
this.$message.warning(err.message); })
}); .catch((err) => {
}, this.$message.warning(err.message);
initData(orgList, type) { });
// 第一种 },
if (orgList.length) { initData(orgList, type) {
for (var i = 0; i < orgList.length; i++) { // 第一种
orgList[i].type = type; if (orgList.length) {
if (orgList[i].children.length) { for (var i = 0; i < orgList.length; i++) {
// 如果有 children 则继续递归遍历 orgList[i].type = type;
this.initData(orgList[i].children, type); if (orgList[i].children.length) {
} // 如果有 children 则继续递归遍历
} this.initData(orgList[i].children, type);
} }
return orgList; }
}, }
jsonToArray(nodes) { return orgList;
var r = []; },
if (Array.isArray(nodes)) { jsonToArray(nodes) {
for (var i = 0, l = nodes.length; i < l; i++) { var r = [];
r.push(nodes[i]); // 取每项数据放入一个新数组 if (Array.isArray(nodes)) {
if ( for (var i = 0, l = nodes.length; i < l; i++) {
Array.isArray(nodes[i]["children"]) && r.push(nodes[i]); // 取每项数据放入一个新数组
nodes[i]["children"].length > 0 if (
) Array.isArray(nodes[i]["children"]) &&
// 若存在children则递归调用，把数据拼接到新数组中，并且删除该children nodes[i]["children"].length > 0
r = r.concat(this.jsonToArray(nodes[i]["children"])); )
delete nodes[i]["children"]; // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children
} r = r.concat(this.jsonToArray(nodes[i]["children"]));
} delete nodes[i]["children"];
return r; }
}, }
tree_json(nodes) { return r;
let r = []; },
for (let i = 0; i < nodes.length; i++) { tree_json(nodes) {
r.push(nodes[i]); // 取每项数据放入一个新数组 let r = [];
if (nodes[i].children && nodes[i].children.length > 0) for (let i = 0; i < nodes.length; i++) {
// 若存在children则递归调用，把数据拼接到新数组中，并且删除该children r.push(nodes[i]); // 取每项数据放入一个新数组
r = r.concat(this.tree_json(nodes[i].children)); if (nodes[i].children && nodes[i].children.length > 0)
} // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children
return r; r = r.concat(this.tree_json(nodes[i].children));
}, }
Change_select(value) { return r;
this.form_add[6].value = value + ""; },
}, Change_select(value) {
/**国家地区切换 */ this.form_add[6].value = value + "";
dq_fun(e) { },
if(this.typeCountryRegion.value==e.value){ /**国家地区切换 */
this.typeCountryRegion = {value:'',name:''}; dq_fun(e) {
}else{ if(this.typeCountryRegion.value==e.value){
this.typeCountryRegion = e; this.typeCountryRegion = {value:'',name:''};
} }else{
this.query(1); this.typeCountryRegion = e;
}, }
/**军事政治类型切换 */ this.query(1);
MilitaryPolitics_fun(e) { },
if(this.typeMilitaryPolitics.value==e.value){ /**军事政治类型切换 */
this.typeMilitaryPolitics = {value:'',name:''}; MilitaryPolitics_fun(e) {
}else{ if(this.typeMilitaryPolitics.value==e.value){
this.typeMilitaryPolitics = e; this.typeMilitaryPolitics = {value:'',name:''};
} }else{
this.query(1); this.typeMilitaryPolitics = e;
}, }
/**人物机构切换 */ this.query(1);
qh_type_rwjg(e) { },
this.type_rw_jg = e; /**人物机构切换 */
}, qh_type_rwjg(e) {
NodeClick(val){ this.type_rw_jg = e;
if( JSON.stringify(val) == "{}"){ },
this.value_select = undefined; NodeClick(val){
this.value_selects = undefined; if( JSON.stringify(val) == "{}"){
this.types = 2; this.value_select = undefined;
this.jgName = "1"; this.value_selects = undefined;
}else{ this.types = 2;
this.value_select = val.id; this.jgName = "1";
this.value_selects = val.code; }else{
this.types = val.type; this.value_select = val.id;
this.jgName = val.code == undefined ? val.id : val.code; this.value_selects = val.code;
} this.types = val.type;
this.type_zhOrcx = 2; this.jgName = val.code == undefined ? val.id : val.code;
this.input3 = ""; }
this.nodes_pub = val; this.type_zhOrcx = 2;
this.handleCurrentChange_lb(1); this.input3 = "";
}, this.nodes_pub = val;
}, this.handleCurrentChange_lb(1);
mounted() {}, },
watch: { },
obj_name: function (val) { mounted() {},
if (val != "") { watch: {
this.is_true = false; obj_name: function (val) {
} else { if (val != "") {
this.is_true = true; this.is_true = false;
} } else {
}, this.is_true = true;
dialogVisible_people: function (val) { }
if (!val) { },
this.is_true = false; dialogVisible_people: function (val) {
} if (!val) {
}, this.is_true = false;
filterText(val) { }
this.$refs.tree.filter(val); },
}, filterText(val) {
rwkxx(val) { this.$refs.tree.filter(val);
// this.$nextTick(() => { },
// VanillaTilt.init(document.querySelectorAll(".tilts"), { rwkxx(val) {
// max: 30, // this.$nextTick(() => {
// speed: 400, // VanillaTilt.init(document.querySelectorAll(".tilts"), {
// }); // max: 30,
// }); // speed: 400,
}, // });
}, // });
activated() { },
if (getCookie("dfzy_rwk") != 1) { },
this.filterText = ""; activated() {
this.input3 = ""; if (getCookie("dfzy_rwk") != 1) {
this.types = 2; this.filterText = "";
this.rwkxx = []; this.input3 = "";
this.query_tree_jg(); this.types = 2;
} else { this.rwkxx = [];
delCookie("dfzy_rwk"); this.query_tree_jg();
} } else {
}, delCookie("dfzy_rwk");
created() { }
let self = this; },
let code = 0; created() {
let code2 = 0; let self = this;
document.onkeydown = function (e) { let code = 0;
let evn = e || event; let code2 = 0;
let key = evn.keyCode || evn.which || evn.charCode; document.onkeydown = function (e) {
if (key === 13) { let evn = e || event;
code = 1; let key = evn.keyCode || evn.which || evn.charCode;
} if (key === 13) {
if (key === 9) { code = 1;
code2 = 1; }
} if (key === 9) {
if (code === 1 && code2 === 1) { code2 = 1;
alert("Ctrl+tab"); }
// this obj to do something if (code === 1 && code2 === 1) {
code = 0; alert("Ctrl+tab");
code2 = 0; // this obj to do something
} code = 0;
}; code2 = 0;
document.onkeyup = function (e) { }
if (e.keyCode === 13) { };
code = 0; document.onkeyup = function (e) {
} if (e.keyCode === 13) {
if (e.keyCode === 9) { code = 0;
code2 = 0; }
} if (e.keyCode === 9) {
}; code2 = 0;
}, }
}; };
</script> },
<style lang="scss"> };
#dfzyrwk { </script>
width: 97%; <style lang="scss">
height: 92%; #dfzyrwk {
margin: 1%; width: 97%;
box-sizing: border-box; height: 92%;
overflow: hidden; margin: 1%;
box-sizing: border-box;
// .el-input__count { overflow: hidden;
// color: #229dbd;
// background: #1d2d4600; // .el-input__count {
// } // color: #229dbd;
// .el-input__count-inner { // background: #1d2d4600;
// color: #229dbd; // }
// background: #1d2d46; // .el-input__count-inner {
// } // color: #229dbd;
// .el-textarea__inner { // background: #1d2d46;
// color: white !important; // }
// background: none !important; // .el-textarea__inner {
// border: 1px solid #146a80 !important; // color: white !important;
// box-shadow: 0 0 10px #1b6097; // background: none !important;
// white-space: pre-line; // border: 1px solid #146a80 !important;
// } // box-shadow: 0 0 10px #1b6097;
// .rwk-left { // white-space: pre-line;
// width: calc(15% - 10px); // }
// height: calc(100% - 40px); // .rwk-left {
// margin-top: 40px; // width: calc(15% - 10px);
// margin-left: 10px; // height: calc(100% - 40px);
// box-sizing: border-box; // margin-top: 40px;
// float: left; // margin-left: 10px;
// .el-input { // box-sizing: border-box;
// position: relative; // float: left;
// font-size: 14px; // .el-input {
// display: inline-block; // position: relative;
// width: 100%; // font-size: 14px;
// } // display: inline-block;
// .el-button + .el-button { // width: 100%;
// margin-left: 0px !important; // }
// } // .el-button + .el-button {
// .el-tree { // margin-left: 0px !important;
// color: white; // }
// background: transparent; // .el-tree {
// height: calc(100% - 50px); // color: white;
// margin-top: 10px; // background: transparent;
// overflow-y: auto; // height: calc(100% - 50px);
// .el-tree-node__content { // margin-top: 10px;
// height: 40px; // overflow-y: auto;
// // .el-icon-circle-plus { // .el-tree-node__content {
// // display: none; // height: 40px;
// // } // // .el-icon-circle-plus {
// // .el-icon-error { // // display: none;
// // display: none; // // }
// // } // // .el-icon-error {
// // .el-icon-upload { // // display: none;
// // display: none; // // }
// // } // // .el-icon-upload {
// // .el-icon-edit-outline { // // display: none;
// // display: none; // // }
// // } // // .el-icon-edit-outline {
// // .list-span{ // // display: none;
// // display: none; // // }
// // } // // .list-span{
// } // // display: none;
// .el-tree-node { // // }
// position: relative; // }
// padding-left: 0px; // 缩进量 // .el-tree-node {
// } // position: relative;
// .el-tree-node__children { // padding-left: 0px; // 缩进量
// padding-left: 15px; // 缩进量 // }
// } // .el-tree-node__children {
// padding-left: 15px; // 缩进量
// // 竖线 // }
// .el-tree-node::before {
// content: ""; // // 竖线
// height: 100%; // .el-tree-node::before {
// width: 1px; // content: "";
// position: absolute; // height: 100%;
// left: -3px; // width: 1px;
// top: -17px; // position: absolute;
// border-width: 1px; // left: -3px;
// border-left: 1px solid #1895a2; // top: -17px;
// } // border-width: 1px;
// // 当前层最后一个节点的竖线高度固定 // border-left: 1px solid #1895a2;
// .el-tree-node:last-child::before { // }
// height: 38px; // 可以自己调节到合适数值 // // 当前层最后一个节点的竖线高度固定
// } // .el-tree-node:last-child::before {
// height: 38px; // 可以自己调节到合适数值
// // 横线 // }
// .el-tree-node::after {
// content: ""; // // 横线
// width: 13px; // .el-tree-node::after {
// height: 20px; // content: "";
// position: absolute; // width: 13px;
// left: -3px; // height: 20px;
// top: 20px; // position: absolute;
// border-width: 1px; // left: -3px;
// border-top: 1px solid #1895a2; // top: 20px;
// } // border-width: 1px;
// border-top: 1px solid #1895a2;
// // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了 // }
// & > .el-tree-node::after {
// border-top: none; // // 去掉最顶层的虚线，放最下面样式才不会被上面的覆盖了
// } // & > .el-tree-node::after {
// & > .el-tree-node::before { // border-top: none;
// border-left: none; // }
// } // & > .el-tree-node::before {
// border-left: none;
// // 展开关闭的icon // }
// .el-tree-node__expand-icon {
// font-size: 16px; // // 展开关闭的icon
// // 叶子节点（无子节点） // .el-tree-node__expand-icon {
// &.is-leaf { // font-size: 16px;
// color: transparent; // // 叶子节点（无子节点）
// // display: none; // 也可以去掉 // &.is-leaf {
// } // color: transparent;
// } // // display: none; // 也可以去掉
// } // }
// .el-tree > .el-tree-node > .el-tree-node__content { // }
// height: 40px; // }
// background-image: url(../../assets/img/yqjc/24.png); // .el-tree > .el-tree-node > .el-tree-node__content {
// background-repeat: no-repeat; // height: 40px;
// background-size: 100% 100%; // background-image: url(../../assets/img/yqjc/24.png);
// .el-icon-error { // background-repeat: no-repeat;
// display: none !important; // background-size: 100% 100%;
// } // .el-icon-error {
// .el-icon-edit-outline { // display: none !important;
// display: none !important; // }
// } // .el-icon-edit-outline {
// } // display: none !important;
// .el-tree // }
// > .el-tree-node // }
// > .el-tree-node__children // .el-tree
// > .el-tree-node // > .el-tree-node
// > .el-tree-node__content { // > .el-tree-node__children
// height: 40px; // > .el-tree-node
// // background-image: url(../../assets/img/yqjc/24.png); // > .el-tree-node__content {
// background-repeat: no-repeat; // height: 40px;
// background-size: 100% 100%; // // background-image: url(../../assets/img/yqjc/24.png);
// } // background-repeat: no-repeat;
// .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label { // background-size: 100% 100%;
// font-size: 16px !important; // }
// } // .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__label {
// .custom-tree-node { // font-size: 16px !important;
// flex: 1; // }
// display: flex; // .custom-tree-node {
// align-items: center; // flex: 1;
// justify-content: space-between; // display: flex;
// font-size: 14px; // align-items: center;
// padding-right: 8px; // justify-content: space-between;
// width: 82%; // font-size: 14px;
// .first-span { // padding-right: 8px;
// width: 100%; // width: 82%;
// float: left; // .first-span {
// overflow: hidden; // width: 100%;
// text-overflow: ellipsis; // float: left;
// white-space: nowrap; // overflow: hidden;
// } // text-overflow: ellipsis;
// // .list-span{ // white-space: nowrap;
// // position: absolute; // }
// // right: 20px; // // .list-span{
// // } // // position: absolute;
// } // // right: 20px;
// .el-tree > .el-tree-node > .el-tree-node__children { // // }
// background-color: #1d2d46ad !important; // }
// width: calc(100% - 15px); // .el-tree > .el-tree-node > .el-tree-node__children {
// // height: calc(100% - 44px); // background-color: #1d2d46ad !important;
// // overflow: auto; // width: calc(100% - 15px);
// // position: relative; // // height: calc(100% - 44px);
// // .el-tree-node{ // // overflow: auto;
// // width: 300px; // // position: relative;
// // } // // .el-tree-node{
// } // // width: 300px;
// .el-tree-node:focus > .el-tree-node__content { // // }
// background-color: #00648a96 !important; // }
// // border-radius: 5px; // .el-tree-node:focus > .el-tree-node__content {
// } // background-color: #00648a96 !important;
// // border-radius: 5px;
// .el-tree-node__content:hover, // }
// .el-tree-node__content:focus {
// background-color: #00638a50 !important; // .el-tree-node__content:hover,
// // border-radius: 5px; // .el-tree-node__content:focus {
// } // background-color: #00638a50 !important;
// .el-tree--highlight-current // // border-radius: 5px;
// .el-tree-node.is-current // }
// > .el-tree-node__content { // .el-tree--highlight-current
// background-color: #00648a96 !important; // .el-tree-node.is-current
// // border-radius: 5px; // > .el-tree-node__content {
// } // background-color: #00648a96 !important;
// .el-icon-circle-plus { // // border-radius: 5px;
// font-size: 16px; // }
// color: #00a6f5; // .el-icon-circle-plus {
// } // font-size: 16px;
// .el-icon-edit-outline { // color: #00a6f5;
// font-size: 16px; // }
// color: #2ae209; // .el-icon-edit-outline {
// } // font-size: 16px;
// .el-icon-error { // color: #2ae209;
// font-size: 16px; // }
// color: #ff5454; // .el-icon-error {
// } // font-size: 16px;
// .el-icon-upload { // color: #ff5454;
// font-size: 16px; // }
// color: #2bce0e; // .el-icon-upload {
// } // font-size: 16px;
// } // color: #2bce0e;
.rwk-right { // }
width: calc(100% - 20px); // }
height: 100%; .rwk-right {
float: left; width: calc(100% - 20px);
margin-left: 20px; height: 100%;
overflow: hidden; float: left;
box-sizing: border-box; margin-left: 20px;
position: relative; overflow: hidden;
.top-div { box-sizing: border-box;
width: calc(100% - 2px); position: relative;
height: 80px; .top-div {
border: 1px solid #3a5f94c9; width: calc(100% - 2px);
font-weight: 600; height: 80px;
margin-top: 10px; border: 1px solid #3a5f94c9;
border-radius: 0px 15px; font-weight: 600;
.serch-div { margin-top: 10px;
.el-input__inner { border-radius: 0px 15px;
background: none; .serch-div {
border: 1px solid #3a5f94c9; .el-input__inner {
color: #ffff; background: none;
} border: 1px solid #3a5f94c9;
.el-select .el-input { color: #ffff;
width: 130px; }
background-color: #1c678a; .el-select .el-input {
} width: 130px;
.el-input-group__append { background-color: #1c678a;
border: unset; }
} .el-input-group__append {
} border: unset;
// .button-discuss { }
// width: 100px; }
// height: 30px; // .button-discuss {
// line-height: 30px; // width: 100px;
// float: left; // height: 30px;
// margin-top: 44px; // line-height: 30px;
// font-size: 14px; // float: left;
// margin-left: 20px; // margin-top: 44px;
// text-align: center; // font-size: 14px;
// cursor: pointer; // margin-left: 20px;
// background-image: url(../../assets/img/yqjc/40.png); // text-align: center;
// background-repeat: no-repeat; // cursor: pointer;
// background-size: 100% 100%; // background-image: url(../../assets/img/yqjc/40.png);
// } // background-repeat: no-repeat;
// .button-discuss1 { // background-size: 100% 100%;
// width: 120px; // }
// height: 30px; // .button-discuss1 {
// line-height: 30px; // width: 120px;
// float: right; // height: 30px;
// font-size: 14px; // line-height: 30px;
// margin-top: 44px; // float: right;
// margin-left: 20px; // font-size: 14px;
// margin-right: 30px; // margin-top: 44px;
// text-align: center; // margin-left: 20px;
// cursor: pointer; // margin-right: 30px;
// background-image: url(../../assets/img/yqjc/40.png); // text-align: center;
// background-repeat: no-repeat; // cursor: pointer;
// background-size: 100% 100%; // background-image: url(../../assets/img/yqjc/40.png);
// } // background-repeat: no-repeat;
// .button-discuss2 { // background-size: 100% 100%;
// width: 100px; // }
// height: 30px; // .button-discuss2 {
// line-height: 30px; // width: 100px;
// float: left; // height: 30px;
// margin-top: 44px; // line-height: 30px;
// margin-left: 20px; // float: left;
// text-align: center; // margin-top: 44px;
// font-size: 14px; // margin-left: 20px;
// cursor: pointer; // text-align: center;
// background-image: url(../../assets/img/yqjc/40.png); // font-size: 14px;
// background-repeat: no-repeat; // cursor: pointer;
// background-size: 100% 100%; // background-image: url(../../assets/img/yqjc/40.png);
// } // background-repeat: no-repeat;
// .sjxz { // background-size: 100% 100%;
// width: 400px; // }
// margin-top: 40px; // .sjxz {
// margin-left: 20px; // width: 400px;
// float: left; // margin-top: 40px;
// box-shadow: 0 0 10px #1b6097; // margin-left: 20px;
// .el-date-editor { // float: left;
// background: none; // box-shadow: 0 0 10px #1b6097;
// span { // .el-date-editor {
// color: white; // background: none;
// } // span {
// .el-range-input { // color: white;
// color: white; // }
// background: none; // .el-range-input {
// } // color: white;
// } // background: none;
// .el-input__inner { // }
// border: 1px solid #146a80 !important; // }
// } // .el-input__inner {
// } // border: 1px solid #146a80 !important;
// .select-dq { // }
// margin-top: 40px; // }
// margin-left: 20px; // .select-dq {
// float: left; // margin-top: 40px;
// .el-input__inner { // margin-left: 20px;
// background: none; // float: left;
// color: #ffff; // .el-input__inner {
// border: 1px solid #0dada7b0; // background: none;
// box-shadow: 0 0 10px #1b6097; // color: #ffff;
// } // border: 1px solid #0dada7b0;
// } // box-shadow: 0 0 10px #1b6097;
// }
.tm-div { // }
}
.div-type { .tm-div {
line-height: 25px; }
font-size: 13px; .div-type {
font-weight: 600; line-height: 25px;
.top-type-span { font-size: 13px;
width: 100px; font-weight: 600;
float: left; .top-type-span {
margin: 2px 0px; width: 100px;
text-align: right; float: left;
} margin: 2px 0px;
.top-type-div { text-align: right;
width: calc(100% - 100px); }
float: left; .top-type-div {
div { width: calc(100% - 100px);
float: left; float: left;
margin: 2px 5px; div {
padding: 0px 5px; float: left;
cursor: pointer; margin: 2px 5px;
} padding: 0px 5px;
.active-CountryRegion { cursor: pointer;
background: #9d893a; }
} .active-CountryRegion {
.active-MilitaryPolitics { background: #9d893a;
background: #9d893a; }
} .active-MilitaryPolitics {
} background: #9d893a;
} }
.line-s { }
border: 1px solid white; }
width: 0px; .line-s {
height: calc(100% - 20px); border: 1px solid white;
box-shadow: 0px 0px 9px #18d3ef; width: 0px;
margin: 10px 20px; height: calc(100% - 20px);
} box-shadow: 0px 0px 9px #18d3ef;
.jzxs { margin: 10px 20px;
display: flex; }
justify-content: center; .jzxs {
.rk-jg-div { display: flex;
width: 110px; justify-content: center;
float: left; .rk-jg-div {
cursor: pointer; width: 110px;
margin: 0px 10px; float: left;
.tb-div { cursor: pointer;
width: 40px; margin: 0px 10px;
height: 40px; .tb-div {
background-image: url("../../assets/img/dfzy/new/2.png"); width: 40px;
background-size: 100% 100%; height: 40px;
float: left; background-image: url("../../assets/img/dfzy/new/2.png");
margin-right: 10px; background-size: 100% 100%;
} float: left;
.tb-span { margin-right: 10px;
line-height: 40px; }
letter-spacing: 2px; .tb-span {
font-size: 15px; line-height: 40px;
font-weight: 600; letter-spacing: 2px;
} font-size: 15px;
} font-weight: 600;
.active-tb { }
.tb-div { }
background-image: url("../../assets/img/dfzy/new/1.png"); .active-tb {
} .tb-div {
.tb-span { background-image: url("../../assets/img/dfzy/new/1.png");
color: #d7b637; }
} .tb-span {
} color: #d7b637;
} }
} }
.bottom-div { }
width: 100%; }
height: calc(100% - 140px); .bottom-div {
overflow-y: auto; width: 100%;
overflow-x: hidden; height: calc(100% - 140px);
.rwxx-div { overflow-y: auto;
width: 23%; overflow-x: hidden;
height: 160px; .rwxx-div {
margin: 1%; width: 23%;
float: left; height: 160px;
.zyx { margin: 1%;
position: absolute; float: left;
width: calc(100% - 37px); .zyx {
height: calc(100% - 79px); position: absolute;
padding: 21px 23px; width: calc(100% - 37px);
pointer-events: none; height: calc(100% - 79px);
div { padding: 21px 23px;
width: 100%; pointer-events: none;
height: 100%; div {
position: relative; width: 100%;
overflow: hidden; height: 100%;
span { position: relative;
position: absolute; overflow: hidden;
top: 9px; span {
right: -13px; position: absolute;
display: block; top: 9px;
font-size: 12px; right: -13px;
color: #ffffff; display: block;
background: #36a8ff; font-size: 12px;
width: 60px; color: #ffffff;
line-height: 20px; background: #36a8ff;
text-align: center; width: 60px;
transform: rotate(45deg); line-height: 20px;
letter-spacing: 3px; text-align: center;
} transform: rotate(45deg);
} letter-spacing: 3px;
} }
.zyx1 { }
position: absolute; }
width: calc(100% - 37px); .zyx1 {
height: calc(100% - 79px); position: absolute;
padding: 21px 23px; width: calc(100% - 37px);
pointer-events: none; height: calc(100% - 79px);
div { padding: 21px 23px;
width: 100%; pointer-events: none;
height: 100%; div {
position: relative; width: 100%;
overflow: hidden; height: 100%;
span { position: relative;
position: absolute; overflow: hidden;
top: 8px; span {
left: -12px; position: absolute;
display: block; top: 8px;
font-size: 12px; left: -12px;
color: #ffffff; display: block;
background: #36a8ff; font-size: 12px;
width: 60px; color: #ffffff;
line-height: 20px; background: #36a8ff;
text-align: center; width: 60px;
transform: rotate(-45deg); line-height: 20px;
letter-spacing: 3px; text-align: center;
} transform: rotate(-45deg);
} letter-spacing: 3px;
} }
}
.tilts { }
width: 100%;
height: 100%; .tilts {
background-image: url("../../assets/img/dfzy/new/4.png"); width: 100%;
background-size: 100% 100%; height: 100%;
cursor: pointer; background-image: url("../../assets/img/dfzy/new/4.png");
// transform: perspective(1000px); background-size: 100% 100%;
.img-div{ cursor: pointer;
animation:scaleDraw ease-in-out infinite 2s alternate; // transform: perspective(1000px);
} .img-div{
} animation:scaleDraw ease-in-out infinite 2s alternate;
@keyframes scaleDraw { }
0%{ }
transform: scale(1); @keyframes scaleDraw {
} 0%{
100%{ transform: scale(1);
transform: scale(1.1); }
} 100%{
} transform: scale(1.1);
.tilts:hover { }
transform-style: preserve-3d; }
background-image: url("../../assets/img/dfzy/new/3.png"); .tilts:hover {
.name-div{ transform-style: preserve-3d;
background-image: url("../../assets/img/dfzy/new/5.png"); background-image: url("../../assets/img/dfzy/new/3.png");
} .name-div{
.top-span { background-image: url("../../assets/img/dfzy/new/5.png");
background: linear-gradient(to bottom, #fffe7f, #54ff88); }
-webkit-background-clip: text; .top-span {
color: transparent; background: linear-gradient(to bottom, #fffe7f, #54ff88);
} -webkit-background-clip: text;
} color: transparent;
.table-active { }
background-image: url("../../assets/img/dfzy/new/3.png"); }
.name-div{ .table-active {
background-image: url("../../assets/img/dfzy/new/5.png"); background-image: url("../../assets/img/dfzy/new/3.png");
} .name-div{
} background-image: url("../../assets/img/dfzy/new/5.png");
.img-div { }
width: 70px; }
height: 70px; .img-div {
float: left; width: 70px;
margin: 40px 3px 28px 40px; height: 70px;
border: 2px solid white; float: left;
border-radius: 50%; margin: 40px 3px 28px 40px;
// transform: translateZ(20px); border: 2px solid white;
.tx-bg { border-radius: 50%;
width: 100%; // transform: translateZ(20px);
height: 100%; .tx-bg {
background-size: 100% 100%; width: 100%;
border-radius: 50%; height: 100%;
} background-size: 100% 100%;
} border-radius: 50%;
.text-div { }
width: calc(100% - 130px); }
height: 75px; .text-div {
float: left; width: calc(100% - 130px);
margin-top: 40px; height: 75px;
// transform: translateZ(20px); float: left;
.name-div { margin-top: 40px;
width: 100%; // transform: translateZ(20px);
height: 100%; .name-div {
background-image: url("../../assets/img/dfzy/new/6.png"); width: 100%;
background-size: 100% 100%; height: 100%;
text-align: center; background-image: url("../../assets/img/dfzy/new/6.png");
color: white; background-size: 100% 100%;
.top-span { text-align: center;
font-size: 20px; color: white;
font-weight: 900; .top-span {
letter-spacing: 5px; font-size: 20px;
line-height: 50px; font-weight: 900;
white-space: nowrap; letter-spacing: 5px;
overflow: hidden; line-height: 50px;
text-overflow: ellipsis; white-space: nowrap;
} overflow: hidden;
.bottom-span { text-overflow: ellipsis;
width: 60%; }
margin-left: 20%; .bottom-span {
font-size: 12px; width: 60%;
word-break: break-all; margin-left: 20%;
text-overflow: ellipsis; font-size: 12px;
display: -webkit-box; word-break: break-all;
-webkit-box-orient: vertical; text-overflow: ellipsis;
-webkit-line-clamp: 1; display: -webkit-box;
overflow: hidden; -webkit-box-orient: vertical;
} -webkit-line-clamp: 1;
} overflow: hidden;
.synopsis-div { }
color: #ffffff87; }
font-size: 15px; .synopsis-div {
padding-right: 20px; color: #ffffff87;
padding-left: 20px; font-size: 15px;
text-overflow: ellipsis; padding-right: 20px;
display: -webkit-box; padding-left: 20px;
-webkit-box-orient: vertical; text-overflow: ellipsis;
-webkit-line-clamp: 3; display: -webkit-box;
overflow: hidden; -webkit-box-orient: vertical;
text-indent: 2em; -webkit-line-clamp: 3;
word-break: break-all; overflow: hidden;
white-space: pre-line; text-indent: 2em;
} word-break: break-all;
.xq-div { white-space: pre-line;
width: calc(100% - 40px); }
padding-left: 28px; .xq-div {
height: 20px; width: calc(100% - 40px);
overflow: hidden; padding-left: 28px;
margin-top: 5px; height: 20px;
float: left; overflow: hidden;
} margin-top: 5px;
.el-tag { float: left;
float: left; }
margin-right: 10px; .el-tag {
height: 20px; float: left;
padding: 0px 8px; margin-right: 10px;
line-height: 19px; height: 20px;
} padding: 0px 8px;
} line-height: 19px;
} }
} }
} }
#_people .el-dialog { }
width: 1100px; }
} #_people .el-dialog {
.el-dialog { width: 1100px;
background: #1d2d46 !important; }
.el-step__title.is-process { .el-dialog {
color: #e0a142; background: #1d2d46 !important;
} .el-step__title.is-process {
.el-dialog__title { color: #e0a142;
color: #ffffff; }
} .el-dialog__title {
.el-dialog__body { color: #ffffff;
padding: 6px 20px; }
.el-form-item__label { .el-dialog__body {
color: #e8e8e8; padding: 6px 20px;
} .el-form-item__label {
.el-cascader { color: #e8e8e8;
width: 100%; }
} .el-cascader {
} width: 100%;
.avatar-uploader .el-upload { }
border: 1px dashed #d9d9d9; }
border-radius: 6px; .avatar-uploader .el-upload {
cursor: pointer; border: 1px dashed #d9d9d9;
position: relative; border-radius: 6px;
overflow: hidden; cursor: pointer;
height: 100%; position: relative;
width: 100%; overflow: hidden;
} height: 100%;
.avatar-uploader .el-upload:hover { width: 100%;
border-color: #409eff; }
} .avatar-uploader .el-upload:hover {
.avatar-uploader-icon { border-color: #409eff;
font-size: 28px; }
color: #8c939d; .avatar-uploader-icon {
width: 100%; font-size: 28px;
height: 100%; color: #8c939d;
line-height: 230px; width: 100%;
text-align: center; height: 100%;
} line-height: 230px;
.avatar { text-align: center;
width: 100%; }
height: 100%; .avatar {
display: block; width: 100%;
} height: 100%;
.right-left { display: block;
width: calc(100% - 40px); }
float: left; .right-left {
background: rgba(41, 60, 90, 0.49); width: calc(100% - 40px);
padding: 20px 20px 0px 20px; float: left;
.title-div { background: rgba(41, 60, 90, 0.49);
float: left; padding: 20px 20px 0px 20px;
width: 100%; .title-div {
height: 25px; float: left;
background-size: 100% 100%; width: 100%;
position: relative; height: 25px;
margin-top: 10px; background-size: 100% 100%;
> span { position: relative;
position: absolute; margin-top: 10px;
font-weight: 700; > span {
font-size: 18px; position: absolute;
color: #50d7ec; font-weight: 700;
margin-left: 10px; font-size: 18px;
} color: #50d7ec;
.el-button { margin-left: 10px;
float: right; }
margin-right: 10px; .el-button {
} float: right;
} margin-right: 10px;
.mk-div { }
width: 100%; }
float: left; .mk-div {
background: #fdfdfd0f; width: 100%;
margin-bottom: 20px; float: left;
.data-div { background: #fdfdfd0f;
width: calc(100% - 40px); margin-bottom: 20px;
float: left; .data-div {
padding: 20px; width: calc(100% - 40px);
.pub-div-data { float: left;
margin: 10px calc(50% - 28px); padding: 20px;
color: #909399; .pub-div-data {
font-size: 14px; margin: 10px calc(50% - 28px);
} color: #909399;
.el-table tr { font-size: 14px;
background-color: #1d2d46 !important; }
color: #ffffffc7; .el-table tr {
} background-color: #1d2d46 !important;
.el-table td { color: #ffffffc7;
background-color: #253650 !important; }
color: #ffffffc7; .el-table td {
} background-color: #253650 !important;
.el-table td { color: #ffffffc7;
border-bottom: 1px solid #127a89; }
border-right: unset; .el-table td {
} border-bottom: 1px solid #127a89;
.el-table--enable-row-hover .el-table__body tr:hover > td { border-right: unset;
background-color: #82848a78; }
} .el-table--enable-row-hover .el-table__body tr:hover > td {
.el-table th { background-color: #82848a78;
border: unset; }
background-color: #263b5d !important; .el-table th {
} border: unset;
.el-table--fit { background-color: #263b5d !important;
background: none !important; }
border: unset; .el-table--fit {
} background: none !important;
.el-table--group::after, border: unset;
.el-table--border::after, }
.el-table::before { .el-table--group::after,
background-color: unset; .el-table--border::after,
} .el-table::before {
.el-table__header-wrapper table { background-color: unset;
width: 100% !important; }
} .el-table__header-wrapper table {
.el-table__body-wrapper { width: 100% !important;
.el-table__empty-block { }
height: 20px !important; .el-table__body-wrapper {
} .el-table__empty-block {
} height: 20px !important;
} }
} }
.table_jbxx { }
border-collapse: collapse; }
width: 100%; .table_jbxx {
position: relative; border-collapse: collapse;
margin-top: 10px; width: 100%;
td { position: relative;
border: 1px solid #00648c; margin-top: 10px;
padding: 5px 12px; td {
font-size: 14px; border: 1px solid #00648c;
width: 200px; padding: 5px 12px;
} font-size: 14px;
.img-div { width: 200px;
border: 3px solid #ffffff; }
width: 200px; .img-div {
height: 230px; border: 3px solid #ffffff;
img { width: 200px;
background-size: 100% 100%; height: 230px;
} img {
} background-size: 100% 100%;
.pub-td1 { }
color: #007eff; }
font-weight: 900; .pub-td1 {
width: 100px; color: #007eff;
} font-weight: 900;
.pub-td2 { width: 100px;
color: #8cd4ff; }
} .pub-td2 {
.el-icon-remove { color: #8cd4ff;
color: #ff4a4a; }
font-size: 20px; .el-icon-remove {
position: absolute; color: #ff4a4a;
right: -31px; font-size: 20px;
margin-top: 11px; position: absolute;
cursor: pointer; right: -31px;
} margin-top: 11px;
.el-icon-circle-plus { cursor: pointer;
color: #ff4a4a; }
font-size: 20px; .el-icon-circle-plus {
position: absolute; color: #ff4a4a;
right: -31px; font-size: 20px;
bottom: 12px; position: absolute;
cursor: pointer; right: -31px;
} bottom: 12px;
.el-icon-edit-outline { cursor: pointer;
color: #5cde7c; }
font-size: 20px; .el-icon-edit-outline {
position: absolute; color: #5cde7c;
right: 10px; font-size: 20px;
margin-top: 11px; position: absolute;
cursor: pointer; right: 10px;
} margin-top: 11px;
.button-div { cursor: pointer;
position: absolute; }
right: 40px; .button-div {
margin-top: 8px; position: absolute;
position: absolute; right: 40px;
} margin-top: 8px;
} position: absolute;
.title-divs { }
float: left; }
height: 25px; .title-divs {
width: calc(100% - 0px); float: left;
// background-image: url("../../assets/img/dfzy/02.png"); height: 25px;
// background-size: 100% 100%; width: calc(100% - 0px);
} // background-image: url("../../assets/img/dfzy/02.png");
} // background-size: 100% 100%;
} }
#add_a, }
#edit_a { }
.el-dialog { #add_a,
width: 400px; #edit_a {
background-color: #1d2d47; .el-dialog {
.el-dialog__header { width: 400px;
text-align: center; background-color: #1d2d47;
.el-dialog__title { .el-dialog__header {
color: white; text-align: center;
} .el-dialog__title {
} color: white;
.el-dialog__body { }
padding: 30px 20px; }
.dialogContent { .el-dialog__body {
span { padding: 30px 20px;
float: left; .dialogContent {
margin-top: 5.5px; span {
color: white; float: left;
} margin-top: 5.5px;
.el-input { color: white;
width: 80%; }
input { .el-input {
height: 30px; width: 80%;
} input {
} height: 30px;
} }
} }
.el-dialog__title { }
color: #ffffff; }
} .el-dialog__title {
.el-form-item__label { color: #ffffff;
color: #dadada; }
} .el-form-item__label {
.button-preview { color: #dadada;
width: 100px; }
height: 30px; .button-preview {
line-height: 30px; width: 100px;
margin-left: calc(50% - 110px); height: 30px;
margin-top: 10px; line-height: 30px;
font-size: 14px; margin-left: calc(50% - 110px);
text-align: center; margin-top: 10px;
cursor: pointer; font-size: 14px;
background-image: url(../../assets/img/yqjc/40.png); text-align: center;
background-repeat: no-repeat; cursor: pointer;
background-size: 100% 100%; background-image: url(../../assets/img/yqjc/40.png);
} background-repeat: no-repeat;
.button-cancel { background-size: 100% 100%;
width: 100px; }
height: 30px; .button-cancel {
line-height: 30px; width: 100px;
margin-left: 20px; height: 30px;
margin-top: 10px; line-height: 30px;
text-align: center; margin-left: 20px;
cursor: pointer; margin-top: 10px;
background-image: url(../../assets/img/yqjc/41.png); text-align: center;
background-repeat: no-repeat; cursor: pointer;
background-size: 100% 100%; background-image: url(../../assets/img/yqjc/41.png);
} background-repeat: no-repeat;
.el-upload-list__item-name [class^="el-icon"] { background-size: 100% 100%;
color: #2870ff; }
height: unset !important; .el-upload-list__item-name [class^="el-icon"] {
} color: #2870ff;
.el-upload__tip { height: unset !important;
color: #c7c7c7; }
} .el-upload__tip {
.el-upload-list__item-name { color: #c7c7c7;
color: #4382ff; }
} .el-upload-list__item-name {
.audio-class { color: #4382ff;
margin-left: 75px; }
} .audio-class {
} margin-left: 75px;
} }
.el-dialog { }
.el-input__inner { }
color: white !important; .el-dialog {
background: none !important; .el-input__inner {
border: 1px solid #146a80 !important; color: white !important;
box-shadow: 0 0 10px #1b6097; background: none !important;
} border: 1px solid #146a80 !important;
.el-textarea__inner { box-shadow: 0 0 10px #1b6097;
color: white !important; }
background: none !important; .el-textarea__inner {
border: 1px solid #146a80 !important; color: white !important;
box-shadow: 0 0 10px #1b6097; background: none !important;
} border: 1px solid #146a80 !important;
} box-shadow: 0 0 10px #1b6097;
.gjcx-div { }
width: 100%; }
position: absolute; .gjcx-div {
top: 80px; width: 100%;
// box-shadow: rgb(24, 110, 138) 0px 4px 6px; position: absolute;
// background-image: linear-gradient(#21334f, rgb(23, 73, 109)); top: 80px;
background-image: linear-gradient(to right, #111112, #2a607f, #221c2c); // box-shadow: rgb(24, 110, 138) 0px 4px 6px;
.demo-form-inline { // background-image: linear-gradient(#21334f, rgb(23, 73, 109));
width: 60%; background-image: linear-gradient(to right, #111112, #2a607f, #221c2c);
margin-left: 23%; .demo-form-inline {
padding-top: 15px; width: 60%;
margin-bottom: 20px; margin-left: 23%;
} padding-top: 15px;
.el-input__inner { margin-bottom: 20px;
color: #ffffff; }
background: none !important; .el-input__inner {
border: 1px solid #146a80 !important; color: #ffffff;
box-shadow: 0 0 10px #1b6097; background: none !important;
} border: 1px solid #146a80 !important;
.el-form-item { box-shadow: 0 0 10px #1b6097;
margin-bottom: 0px; }
} .el-form-item {
.button-discusss { margin-bottom: 0px;
width: 100px; }
height: 30px; .button-discusss {
line-height: 30px; width: 100px;
float: left; height: 30px;
font-size: 14px; line-height: 30px;
margin-top: 20px; float: left;
margin-left: 20px; font-size: 14px;
text-align: center; margin-top: 20px;
cursor: pointer; margin-left: 20px;
background-image: url(../../assets/img/yqjc/40.png); text-align: center;
background-repeat: no-repeat; cursor: pointer;
background-size: 100% 100%; background-image: url(../../assets/img/yqjc/40.png);
} background-repeat: no-repeat;
} background-size: 100% 100%;
} }
}
}
</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