<template>
  <div id="dfzy_rw_xq">
    <template>
      <el-backtop
        target="#dfzy_rw_xq"
        :right="20"
        :bottom="70"
        :visibility-height="600"
        title="回到顶部"
      >
      </el-backtop>
    </template>
    <!-- <img class="back" :src="back" @click="goBack" /> -->
    <span
      v-if="form.updateTime"
      style="position: absolute;right: 100px;top: 15px;color: white;"
      >更新时间：<span style="color: #ffc14e;">{{ form.updateTime }}</span></span
    >
    <div
      style="
        width: calc(100% - 360px);
        float: left;
        background: rgba(41, 60, 90, 0.49);
        padding: 20px;
      "
    >
      <div class="top-title">
        <div class="top-left-div">
          <span style="font-size: 30px">{{ form.baseProperty["姓名"] }}</span>
          <span style="font-size: 26px">{{ form.baseProperty["外文名"] }}</span>
        </div>
        <div class="top-right-div">
          <table class="table_jbxx">
            <tr>
              <td class="pub-td1" style="width:70px">身份证号码</td>
              <td class="pub-td2">{{ form.baseProperty["身份证号码"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['身份证号码'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['身份证号码'+this.rw_jg_IsConfirm]!=form.baseProperty['身份证号码'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['身份证号码'+this.rw_jg_IsConfirm]==form.baseProperty['身份证号码'] && form.baseProperty['身份证号码'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
              </td>
              <td class="pub-td1" style="width:70px">军官证号码</td>
              <td class="pub-td2">{{ form.baseProperty["军官证号码"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['军官证号码'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['军官证号码'+this.rw_jg_IsConfirm]!=form.baseProperty['军官证号码'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['军官证号码'+this.rw_jg_IsConfirm]==form.baseProperty['军官证号码'] && form.baseProperty['军官证号码'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
              </td>
            </tr>
            <tr>
              <td class="pub-td1" style="width:70px">级别</td>
              <td class="pub-td2">{{ form.baseProperty["级别"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['级别'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['级别'+this.rw_jg_IsConfirm]!=form.baseProperty['级别'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['级别'+this.rw_jg_IsConfirm]==form.baseProperty['级别'] && form.baseProperty['级别'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
              </td>
              <td class="pub-td1" style="width:70px">人物编号</td>
              <td class="pub-td2">{{ form.baseProperty["人物编号"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['人物编号'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['人物编号'+this.rw_jg_IsConfirm]!=form.baseProperty['人物编号'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['人物编号'+this.rw_jg_IsConfirm]==form.baseProperty['人物编号'] && form.baseProperty['人物编号'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
              </td>
            </tr>
          </table>
        </div>
      </div>
      <div class="title-div">
        <span>基本信息:</span>
        <!-- <div class="title-divs"></div> -->
      </div>
      <div style="width: calc(100% - 20px); float: left; padding: 20px">
        <table class="table_jbxx">
          <tr>
            <td class="pub-td1">姓名</td>
            <td class="pub-td2">{{ form.baseProperty["姓名"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['姓名'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['姓名'+this.rw_jg_IsConfirm]!=form.baseProperty['姓名'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['姓名'+this.rw_jg_IsConfirm]==form.baseProperty['姓名'] && form.baseProperty['姓名'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
              </td>
            <td class="pub-td1">外文名</td>
            <td class="pub-td2">{{ form.baseProperty["外文名"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['外文名'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['外文名'+this.rw_jg_IsConfirm]!=form.baseProperty['外文名'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['外文名'+this.rw_jg_IsConfirm]==form.baseProperty['外文名'] && form.baseProperty['外文名'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
              </td>
            <td rowspan="6" style="width: 240px;">
              <div class="img-div">
                <img
                  :src="form.photos" class="rw-img" :onerror="errimg"
                />
              </div>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">所在机构</td>
            <td class="pub-td2" colspan="3">
              {{ form.baseProperty["所在机构"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['所在机构'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['所在机构'+this.rw_jg_IsConfirm]!=form.baseProperty['所在机构'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['所在机构'+this.rw_jg_IsConfirm]==form.baseProperty['所在机构'] && form.baseProperty['所在机构'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
             </td>
          </tr>
          <tr>
            <td class="pub-td1">性别</td>
            <td class="pub-td2">{{ form.baseProperty["性别"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['性别'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['性别'+this.rw_jg_IsConfirm]!=form.baseProperty['性别'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['性别'+this.rw_jg_IsConfirm]==form.baseProperty['性别'] && form.baseProperty['性别'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">民族</td>
            <td class="pub-td2">{{ form.baseProperty["民族"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['民族'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['民族'+this.rw_jg_IsConfirm]!=form.baseProperty['民族'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['民族'+this.rw_jg_IsConfirm]==form.baseProperty['民族'] && form.baseProperty['民族'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">籍贯</td>
            <td class="pub-td2">{{ form.baseProperty["籍贯"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['籍贯'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['籍贯'+this.rw_jg_IsConfirm]!=form.baseProperty['籍贯'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['籍贯'+this.rw_jg_IsConfirm]==form.baseProperty['籍贯'] && form.baseProperty['籍贯'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">出生日期</td>
            <td class="pub-td2">{{ form.baseProperty["出生日期"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['出生日期'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['出生日期'+this.rw_jg_IsConfirm]!=form.baseProperty['出生日期'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['出生日期'+this.rw_jg_IsConfirm]==form.baseProperty['出生日期'] && form.baseProperty['出生日期'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">入伍日期</td>
            <td class="pub-td2">{{ form.baseProperty["入伍日期"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['入伍日期'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['入伍日期'+this.rw_jg_IsConfirm]!=form.baseProperty['入伍日期'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['入伍日期'+this.rw_jg_IsConfirm]==form.baseProperty['入伍日期'] && form.baseProperty['入伍日期'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">第一学历</td>
            <td class="pub-td2">
              {{ form.baseProperty["第一学历"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['第一学历'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['第一学历'+this.rw_jg_IsConfirm]!=form.baseProperty['第一学历'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['第一学历'+this.rw_jg_IsConfirm]==form.baseProperty['第一学历'] && form.baseProperty['第一学历'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">政治面貌</td>
            <td class="pub-td2">{{ form.baseProperty["政治面貌"] }}
                <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['政治面貌'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['政治面貌'+this.rw_jg_IsConfirm]!=form.baseProperty['政治面貌'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
                <i v-if="$route.meta.gly && !true_edit && form.baseProperty['政治面貌'+this.rw_jg_IsConfirm]==form.baseProperty['政治面貌'] && form.baseProperty['政治面貌'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">文化程度</td>
            <td class="pub-td2">
              {{ form.baseProperty["文化程度"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['文化程度'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['文化程度'+this.rw_jg_IsConfirm]!=form.baseProperty['文化程度'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['文化程度'+this.rw_jg_IsConfirm]==form.baseProperty['文化程度'] && form.baseProperty['文化程度'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">部队番号</td>
            <td class="pub-td2" colspan="5">
              {{ form.baseProperty["部队番号"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['部队番号'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['部队番号'+this.rw_jg_IsConfirm]!=form.baseProperty['部队番号'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['部队番号'+this.rw_jg_IsConfirm]==form.baseProperty['部队番号'] && form.baseProperty['部队番号'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">军衔等级</td>
            <td class="pub-td2">
              {{ form.baseProperty["军衔等级"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['军衔等级'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['军衔等级'+this.rw_jg_IsConfirm]!=form.baseProperty['军衔等级'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['军衔等级'+this.rw_jg_IsConfirm]==form.baseProperty['军衔等级'] && form.baseProperty['军衔等级'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">任现军衔时间</td>
            <td class="pub-td2" colspan="2">
              {{ form.baseProperty["任现军衔时间"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['任现军衔时间'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['任现军衔时间'+this.rw_jg_IsConfirm]!=form.baseProperty['任现军衔时间'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['任现军衔时间'+this.rw_jg_IsConfirm]==form.baseProperty['任现军衔时间'] && form.baseProperty['任现军衔时间'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">行政职务</td>
            <td class="pub-td2">
              {{ form.baseProperty["行政职务"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['行政职务'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['行政职务'+this.rw_jg_IsConfirm]!=form.baseProperty['行政职务'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['行政职务'+this.rw_jg_IsConfirm]==form.baseProperty['行政职务'] && form.baseProperty['行政职务'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">任现职务时间</td>
            <td class="pub-td2" colspan="2">
              {{ form.baseProperty["任现职务时间"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['任现职务时间'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['任现职务时间'+this.rw_jg_IsConfirm]!=form.baseProperty['任现职务时间'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['任现职务时间'+this.rw_jg_IsConfirm]==form.baseProperty['任现职务时间'] && form.baseProperty['任现职务时间'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">岗位职务层级</td>
            <td class="pub-td2">
              {{ form.baseProperty["岗位职务层级"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['岗位职务层级'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['岗位职务层级'+this.rw_jg_IsConfirm]!=form.baseProperty['岗位职务层级'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['岗位职务层级'+this.rw_jg_IsConfirm]==form.baseProperty['岗位职务层级'] && form.baseProperty['岗位职务层级'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
            <td class="pub-td1">任现职级时间</td>
            <td class="pub-td2" colspan="2">
              {{ form.baseProperty["任现职级时间"] }}
              <i v-if="$route.meta.gly && !true_edit && (form.baseProperty['任现职级时间'+this.rw_jg_IsConfirm]==undefined||form.baseProperty['任现职级时间'+this.rw_jg_IsConfirm]!=form.baseProperty['任现职级时间'])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.baseProperty['任现职级时间'+this.rw_jg_IsConfirm]==form.baseProperty['任现职级时间'] && form.baseProperty['任现职级时间'+this.rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
          <tr v-for="(item, index) in xzzd" style="position: relative">
            <td class="pub-td1">{{ item.comment }}</td>
            <td class="pub-td2" colspan="5">
              {{ form.extraProperty[item.comment] }}
              <i v-if="$route.meta.gly && !true_edit && (form.extraProperty[item.comment+rw_jg_IsConfirm]==undefined||form.extraProperty[item.comment+rw_jg_IsConfirm]!=form.extraProperty[item.comment])" class="el-icon-question" style="color: #9a9ca0;font-size: 20px;"></i>
              <i v-if="$route.meta.gly && !true_edit && form.extraProperty[item.comment+rw_jg_IsConfirm]==form.extraProperty[item.comment] && form.extraProperty[item.comment+rw_jg_IsConfirm]!=undefined" class="el-icon-success" style="color: #12dc00;font-size: 20px;"></i>
            </td>
          </tr>
        </table>
      </div>
      <div class="mk-div" v-for="(item, index) in wzmk_data">
        <div class="title-div">
          <span v-text="item.comment + ':'"></span>
        </div>
        <div class="data-div">
          <div
            :style="{
              'text-align':
                form.textarea[item.comment] == '' ||
                form.textarea[item.comment] == undefined
                  ? 'center'
                  : 'unset',
              color:
                form.textarea[item.comment] == '' ||
                form.textarea[item.comment] == undefined
                  ? '#909399'
                  : '',
            }"
            v-if="item.type == 1"
            class="div_s"
          >
            <span
              v-text="
                form.textarea[item.comment] == '' ||
                form.textarea[item.comment] == undefined
                  ? '暂无数据'
                  : form.textarea[item.comment]
              "
            ></span>
          </div>
          <div v-if="item.type == 2">
            <el-table
              style="width: 100%"
              :data="form.mouldTables[item.comment]"
              border
            >
              <el-table-column
                :prop="items"
                :label="items"
                v-for="(items, indexs) in item.table_tab"
                :key="indexs"
                align = "center"
              ></el-table-column>
            </el-table>
          </div>
          <div v-if="item.type == 3" style="height: 800px">
            <component
              :is="currentRole_rw"
              :clientDetails="clientDetails_rw"
              ref="mychild_rw_datas"
            />
          </div>
          <div v-if="item.type == 4" style="height: 500px"></div>
        </div>
      </div>
    </div>
    <div style="width: 300px; float: left; margin-left: 20px">
      <div class="xgnr-span" style="margin-top: 0px">
        <span>相关人物</span>
      </div>
      <div class="xgnr-div">
        <div v-if="xgnr_xgrw.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_xgrw.length!=0">
          <li v-for="item in xgnr_xgrw" :title="item.baseProperty['外文名']==undefined||item.baseProperty['外文名']==''||item.baseProperty['外文名']==null?item.baseProperty['姓名']:item.baseProperty['外文名']">
            <span>{{ item.baseProperty['外文名']==undefined||item.baseProperty['外文名']==''||item.baseProperty['外文名']==null?item.baseProperty['姓名']:item.baseProperty['外文名'] + '     同事'}}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>账号动态</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('账号动态')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="xgnr_zhdt.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_zhdt.length!=0">
          <li v-for="item in xgnr_zhdt" :title="item.txt" @click="showInfo_zhtds(item)">
            <span>{{ item.txt }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.pubdate }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>相关舆情</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('相关舆情')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="xgnr_xgyq.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_xgyq.length!=0">
          <li v-for="item in xgnr_xgyq" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>相关活动</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('相关活动')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="this.xgnr_xghd.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="this.xgnr_xghd.length!=0">
          <li v-for="item in xgnr_xghd" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>相关专著</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('相关专著')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="xgnr_xgzz.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_xgzz.length!=0">
          <li v-for="item in xgnr_xgzz" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>相关言论</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('相关言论')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="this.xgnr_xgyl.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="this.xgnr_xgyl.length!=0">
          <li v-for="item in xgnr_xgyl" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>关键影响人物</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('关键影响人物')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="xgnr_gjyxrw.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_gjyxrw.length!=0">
          <li v-for="item in xgnr_gjyxrw" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>攻击建议</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('攻击建议')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="xgnr_gjjy.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_gjjy.length!=0">
          <li v-for="item in xgnr_gjjy" :title="'出处：' + item.objectType" @click="showInfo_zhtd(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>评价言论</span>
        <el-button type="primary" size="mini" style="float: right;margin-top: 10px;margin-right: 10px;" @click="gd_cli('评价言论')">更多</el-button>
      </div>
      <div class="xgnr-div">
        <div v-if="this.xgnr_pjyl.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="this.xgnr_pjyl.length!=0">
          <li v-for="item in xgnr_pjyl" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </div>
      <div class="xgnr-span">
        <span>人物画像分析报告</span>
      </div>
      <div class="xgnr-div">
        <div>
          <span>暂无数据接入</span>
        </div>
      </div>
    </div>
    <el-dialog
      :title="title_gd"
      :visible.sync="dialogVisible_gd"
      width="50%"
      :modal-append-to-body="false"
      id="_plscs"
    >
      <el-tabs type="border-card" v-model="editableTabsValue">
        <el-tab-pane v-if="editableTabsValues" name="first">
          <span slot="label"><i class="el-icon-date"></i> 舆情新闻</span>
          <el-table style="width: 100%" class="table-div" :data="tableData_gd2" :header-cell-style="{color:'#ffffffc7',fontSize:'14px',background:'#263b5d'}" :row-style="{color:'#ffffffc7',fontSize:'14px',background:'#1d2d46'}">
            <el-table-column type="index" label="序号" width="80"></el-table-column>
            <el-table-column label="标题">
              <template slot-scope="scope">
                <span @click="showInfo_s(scope.row)">{{scope.row.object}}</span>
              </template>
            </el-table-column>
            <!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> -->
          </el-table>
          <div class="page-div" style="margin-top: 30px;">
            <el-pagination
              class="myPagination"
              background
              layout="total, sizes, prev, pager, next, jumper"
              @size-change="handleSizeChange2"
              :page-size="pageSize2"
              :current-page="current_page2"
              :total="total2"
              @current-change="handleCurrentChange_rwk2"
              :page-sizes="[10, 20, 50, 100]"
            >
            </el-pagination>
          </div>
        </el-tab-pane>
        <el-tab-pane name="second">
          <span slot="label"><i class="el-icon-date"></i> 关联</span>
          <el-table style="width: 100%" class="table-div" :data="tableData_gd" :header-cell-style="{color:'#ffffffc7',fontSize:'14px',background:'#263b5d'}" :row-style="{color:'#ffffffc7',fontSize:'14px',background:'#1d2d46'}">
            <el-table-column type="index" label="序号" width="80"></el-table-column>
            <el-table-column label="内容">
              <template slot-scope="scope">
                <span @click="showInfo_s(scope.row)">{{scope.row.object}}</span>
              </template>
            </el-table-column>
            <!-- <el-table-column prop="score" label="得分" width="80"></el-table-column> -->
          </el-table>
          <div class="page-div" style="margin-top: 30px;">
            <el-pagination
              class="myPagination"
              background
              layout="total, sizes, prev, pager, next, jumper"
              @size-change="handleSizeChange1"
              :page-size="pageSize1"
              :current-page="current_page1"
              :total="total1"
              @current-change="handleCurrentChange_rwk1"
              :page-sizes="[10, 20, 50, 100]"
            >
            </el-pagination>
          </div>
        </el-tab-pane>
      </el-tabs>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="dialogVisible_gd = false"
          >关闭</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      title="账号动态"
      :visible.sync="dialogVisible_gd1"
      width="40%"
      :modal-append-to-body="false"
      id="_plscs"
    >
      <el-table style="width: 100%" class="table-div" :data="tableData_gd1" :header-cell-style="{color:'#ffffffc7',fontSize:'14px',background:'#263b5d'}" :row-style="{color:'#ffffffc7',fontSize:'14px',background:'#1d2d46'}">
        <el-table-column type="index" label="序号" width="80"></el-table-column>
        <el-table-column prop="txt_zh" label="内容"></el-table-column>
        <el-table-column prop="timestr" label="时间" width="200"></el-table-column>
      </el-table>
      <div class="page-div" style="margin-top: 30px;">
        <el-pagination
          class="myPagination"
          background
          layout="total, sizes, prev, pager, next, jumper"
          @size-change="handleSizeChange"
          :page-size="pageSize"
          :current-page="current_page"
          :total="total"
          @current-change="handleCurrentChange_rwk"
          :page-sizes="[10, 20, 50, 100]"
        >
        </el-pagination>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="dialogVisible_gd1 = false"
          >关闭</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="zhdt_title"
      :visible.sync="dialogVisible_zhdt"
      width="40%"
      id="_plscs"
    >
      <span style="color: #d2d2d2;">{{span_zhdt}}</span>
      <span slot="footer" class="dialog-footer">
        <el-button size="mini" @click="dialogVisible_zhdt = false"
          >关闭</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>
    

<script>
import back from "../assets/img/setting/back.png";
import SeeksRelationGraph from "relation-graph";
import { get, post,startLoading,endLoading,rw_jg_IsConfirm } from "../util/http_util";
import * as echarts from "echarts";
import jh_bg from "../assets/img/dfzy/zwtp.png";
import navs_rwk from "./sjgl/gxt.vue";
import { imgUrl } from "../api/publicUrl";
export default {
  components: { SeeksRelationGraph, navs_rwk },
  data() {
    return {
      currentRole_rw: "navs_rwk",
      clientDetails_rw: {},
      errimg: "this.src='" + jh_bg + "'",
      back: back,
      isShowCodePanel: false,
      form: {
        baseProperty: {},
        textarea: [],
        extraProperty: [],
      },
      show: false,
      jh_bg: jh_bg,
      url_: jh_bg,
      zt_id: "",
      db_zt_id: "",
      xgnr_xgrw:[],
      xgnr_wd: [],
      xgnr_xgyq: [],
      xgnr_xghd: [],
      xgnr_zhdt:[],
      xgnr_xgzz: [],
      xgnr_xgyl: [],
      xgnr_gjyxrw: [],
      xgnr_gjjy: [],
      xgnr_pjyl: [],
      educationHistory: [],
      workingHistory: [],
      twitterUsers: [],
      xzzd: [],
      wzmk_data: [],
      title_gd:'',
      dialogVisible_gd:false,
      tableData_gd:[],
      dialogVisible_gd1:false,
      tableData_gd1:[],
      dialogVisible_zhdt:false,
      zhdt_title:'',
      span_zhdt:'',
      option_rwmb:[],
      total: 0,
      pageSize: 10,
      current_page: 1,
      total1: 0,
      pageSize1: 10,
      current_page1: 1,
      tableData_gd2:[],
      total2: 0,
      pageSize2: 10,
      current_page2: 1,
      module_name: "敌方资源机构",
      rw_jg_IsConfirm:'',
      true_edit:false,
      editableTabsValues:false,
      editableTabsValue:'',
    };
  },
  methods: {
    rw_xq(item){
      this.showComponent = false;
      this.currentRole_rw = "";
      this.$route.params.key = item;
      this.query()
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.current_page = 1;
      this.handleCurrentChange_rwk(1);
    },
    handleCurrentChange_rwk(pageNum) {
      this.query_zhdt_data(pageNum);
    },
    query_zhdt_data(pageNum){
      this.current_page = pageNum;
      get(
          `api/rest/fulltext/queryRelationTwitter?pageNum=${pageNum}&pageSize=${this.pageSize}&characterId=${this.form.extraProperty.id}`,
        )
        .then((data)=>{
          if(data.list.length>0){
            this.dialogVisible_gd1 = true;
            this.tableData_gd1 = data.list;
            this.total = data.totals;
          }else{
            this.$message.warning('暂无数据！');
          }
        })
        .catch((err)=>{
          this.$message.warning(err.message);
        });
    },
    handleSizeChange1(val) {
      this.pageSize1 = val;
      this.current_page1 = 1;
      this.handleCurrentChange_rwk1(1);
    },
    handleCurrentChange_rwk1(pageNum) {
      this.query_xgyq_data(pageNum);
    },
    query_xgyq_data(pageNum){
      this.current_page1 = pageNum;
      get(
          `api/rest/resource/queryRelatedInfo?pageNum=${pageNum}&pageSize=${this.pageSize1}&subject=${this.form._id}&relation=${this.title_gd}`,
        )
        .then((data)=>{
          if(data.list.length>0){
            this.dialogVisible_gd = true;
            this.tableData_gd = data.list;
            this.total1 = data.totals;
          }else{
            // this.$message.warning('暂无数据！');
          }
        })
        .catch((err)=>{
          this.$message.warning(err.message);
        });
    },
    handleSizeChange2(val) {
      this.pageSize2 = val;
      this.current_page2 = 1;
      this.handleCurrentChange_rwk2(1);
    },
    handleCurrentChange_rwk2(pageNum) {
      this.query_xgyq_data2(pageNum);
    },
    query_xgyq_data2(pageNum){
      this.current_page2 = pageNum;
      let condition= {
          txt: this.form.baseProperty["外文名"]==''||this.form.baseProperty["外文名"]==null||this.form.baseProperty["外文名"]==undefined?this.form.baseProperty["姓名"]:this.form.baseProperty["外文名"],
      }
      post(
        "api/rest/fulltext/queryNews?pageNum=" + pageNum + "&pageSize=" + this.pageSize2 + "",
        condition
      )
        .then((data) => {
          //pageNum：第几页  pageSize:每页条数
          if(data.list.length>0){
            data.list.forEach(item => {
              item.object = item.title_zh;
              item.createTime = item.postTime;
              item.objectType = '舆情新闻';
            });
            this.tableData_gd2 = data.list;
            this.total2 = data.totals;
          }else{
            // this.$message.warning('暂无数据！');
          }
        })
        .catch((err) => {
          this.$message({
            type: "warning",
            message: err.message,
          });
        });
    },
    gd_cli(item){
      if(item=='相关舆情'){
        this.pageSize2 = 10;
        this.current_page2 = 1;
        this.editableTabsValues = true;
        this.editableTabsValue = 'first';
        this.tableData_gd2 = [];
        this.query_xgyq_data2(1);
      }else{
        this.tableData_gd = [];
        this.editableTabsValues = false;
        this.editableTabsValue = 'second';
      }
      if(item=='账号动态'){  
        this.pageSize = 10;
        this.current_page = 1;
        this.query_zhdt_data(1);
      }else{
        this.dialogVisible_gd = true;
        this.title_gd = item;
        this.pageSize1 = 10;
        this.current_page1 = 1;
        this.query_xgyq_data(1)
      }
    },
    update() {
      this.show = true;
    },
    qd_update() {
      this.show = false;
    },
    goBack() {
      // this.$router.push("rwk");
      window.history.back(-1);
    },

    query_CharacterMould(id) {
      get("api/rest/resource/queryCharacterMould?Id=" + id)
        .then((datas) => {
          this.xzzd = [];
          this.wzmk_data = [];
          if (datas != null) {
            let data = datas[0];
            if (data.extraProperty.length > 0) {
              data.extraProperty.forEach((item) => {
                if(!item.includes(this.rw_jg_IsConfirm))
                this.xzzd.push({ comment: item, value: "" });
              });
            }
            if (data.textarea.length > 0) {
              data.textarea.forEach((item) => {
                if (item == "大五画像") {
                  this.wzmk_data.push({
                    comment: item,
                    type: "4",
                    table_tab: [],
                    value: "",
                    table_column: [],
                  });
                } else if (item == "关系图谱") {
                  this.wzmk_data.push({
                    comment: item,
                    type: "3",
                    table_tab: [],
                    value: "",
                    table_column: [],
                  });
                } else {
                  this.wzmk_data.push({
                    comment: item,
                    type: "1",
                    table_tab: [],
                    value: "",
                    table_column: [],
                  });
                }
              });
            }
            if (data.mouldTables.length > 0) {
              // let table_tab_s = [];
              data.mouldTables.forEach((items) => {
                let arr = [];
                items.columnName.forEach((items1) => {
                  arr.push(items1);
                });
                this.wzmk_data.forEach((item, index) => {
                  if (items.tableName == item.comment) {
                    this.wzmk_data[index].type = "2";
                    this.wzmk_data[index].table_tab = arr;
                  }
                });
              });
            }
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
    query_Twitter(id) {
      get("api/rest/fulltext/queryRelationTwitter?characterId=" + id)
        .then((data) => {
        let arr_news_twitter=[];
        if(data.list.length>0){
          data.list.forEach((item) => {
            arr_news_twitter.push({
              title: "", //标题
              txt: item.txt_zh, //内容
              site_name: item.fullname, //来自
              pubdate: item.timestr, //发布时间
              snatch_time: item.input_time, //抓取时间
              highLight: item.highLight, //高亮
              cmtcnt: item.cmtcnt, //评论数
              rpscnt: item.rpscnt, //转发数
              atdcnt: item.atdcnt, //点赞数
              isori: item.isori, //是否原创
              tweets_id: item.tweets_id, //是twitter_id
              blogger_id: item.blogger_id,//用户查询用户信息
              tweets_url: item.tweets_url,//原文链接
              txt_zh: item.txt_zh,
              title_zh: "", //标题
              emotion1:item.emotion1,
            });
          });
        }
        this.xgnr_zhdt = arr_news_twitter;
        })
        .catch((err) => {
          console.log(err);
        });
    },
    query_tree() {
      get("api/rest/resource/queryCharacterMould?type=1")
        .then((datas) => {
          this.option_rwmb = [];
          if (datas.length > 0) {
            datas.forEach((item) => {
              this.option_rwmb.push({ value: item.id, label: item.name });
            });
          }
        })
        .catch((err) => {
          this.$message.warning(err.message);
        });
    },
    jsonToArray(nodes) {
      var r = [];
      if (Array.isArray(nodes)) {
        for (var i = 0, l = nodes.length; i < l; i++) {
          r.push(nodes[i]); // 取每项数据放入一个新数组
          if (
            Array.isArray(nodes[i]["children"]) &&
            nodes[i]["children"].length > 0
          )
            // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children
            r = r.concat(this.jsonToArray(nodes[i]["children"]));
          delete nodes[i]["children"];
        }
      }
      return r;
    },
    query_rw() {
      get("api/rest/resource/queryResourceTree?module=" + this.module_name)
        .then((res) => {
          let optinon_s = [];
          if (res.length > 0) {
            optinon_s = this.jsonToArray(res);
          } else {
            this.optinon_s = [];
          }
          get(
            "api/rest/resource/queryResourceTreeOnline?module="+'敌方外网资源机构'
          ).then((res) => {
            let options_s_online = [];
            if (res.length > 0) {
              options_s_online = this.jsonToArray(res);
            } else {
              options_s_online = [];
            }
            post(
              `api/rest/resource/queryDynamicCharacter?pageNum=${1}&pageSize=${20}`,
              {
                mould: this.form.mould,
                // "baseProperty.姓名": "",
                "baseProperty.所在机构": this.form.baseProperty["所在机构编号"],
              }
            )
              .then((res) => {
                
                this.xgnr_xgrw = [];
                res.list.forEach((item)=>{
                  if(this.form._id!=item._id){
                    this.xgnr_xgrw.push(item);
                  }
                })
                this.xgnr_xgrw.forEach((item) => {
                  item.photos =
                    imgUrl +
                    item.baseProperty["photos"];
                  item.label =
                    item.extraProperty["标签"] == undefined
                      ? ""
                      : item.extraProperty["标签"].split("|");
                  let names = '';
                  let options_type=[];
                  this.option_rwmb.find((item1) => {
                    if (item1.value == item.mouldId) {
                      names=item1.label;
                    }
                  });
                  if(names=='外网人物模板'){
                    options_type = options_s_online;
                  }else{
                    options_type = optinon_s;
                  }
                  if (item.baseProperty["所在机构"] != "") {
                    this.value_szjg = item.baseProperty["所在机构"];
                    let jg_names = options_type.find(
                      (e) => e.code == item.baseProperty["所在机构"]
                    );
                    item.baseProperty["所在机构"] =
                      jg_names == undefined || jg_names == "" || jg_names == null
                        ? item.baseProperty["所在机构"]
                        : jg_names.label;
                    item.baseProperty["所在机构编号"] = this.value_szjg;
                  }
                });
              })
              .catch((err) => {
                this.$message.warning(err.message);
              });
          });
        })
        .catch((err) => {
          this.$message.warning(err.message);
        });
    },
    query_xgyl(id) {
      let _this = this;
      _this.query_tree();
      _this.query_rw();
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "相关舆情"
      )
        .then((data) => {
          this.xgnr_xgyq = data.list;
          let condition= {
            txt: this.form.baseProperty["外文名"]==''||this.form.baseProperty["外文名"]==null||this.form.baseProperty["外文名"]==undefined?this.form.baseProperty["姓名"]:this.form.baseProperty["外文名"],
          }
          post(
            "api/rest/fulltext/queryNews?pageNum=" + 1 + "&pageSize=" + 10 + "",
            condition
          )
            .then((data) => {
              //pageNum：第几页  pageSize:每页条数
              if(data.list.length>0){
                data.list.forEach(item => {
                  item.object = item.title_zh;
                  item.createTime = item.postTime;
                  item.objectType = '舆情新闻';
                  this.xgnr_xgyq.push(item);
                });
              }
            })
            .catch((err) => {
              this.$message({
                type: "warning",
                message: err.message,
              });
            });
        })
        .catch((err) => {
          console.log(err);
        });
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "相关活动"
      )
        .then((data) => {
          this.xgnr_xghd = data.list;
        })
        .catch((err) => {
          console.log(err);
        });
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "相关专著"
      )
        .then((data) => {
          this.xgnr_xgzz = data.list;
        })
        .catch((err) => {
          console.log(err);
        });
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "相关言论"
      )
        .then((data) => {
          this.xgnr_xgyl = data.list;
        })
        .catch((err) => {
          console.log(err);
        });
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "关键影响人物"
      )
        .then((data) => {
          this.xgnr_gjyxrw = data.list;
        })
        .catch((err) => {
          console.log(err);
        });
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "攻击建议"
      )
        .then((data) => {
          this.xgnr_gjjy = data.list;
        })
        .catch((err) => {
          console.log(err);
        });
      get(
        "api/rest/resource/queryRelatedInfo?subject=" +
          id +
          "&relation=" +
          "评价言论"
      )
        .then((data) => {
          this.xgnr_pjyl = data.list;
          if (this.wzmk_data.length > 0) {
            this.wzmk_data.forEach((item) => {
              if (item.type == 3) {
                this.clientDetails_rw = {
                  module_id: parseInt(this.form.extraProperty["id"]),
                  types: "2",
                  peopleOrOrganization:'character',
                };
              }
            });
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
    //新闻详情
    showInfo(item) {
        if(item.objectType=='新闻'){
          // startLoading();
          // this.$router.push({ name: "敌方资源新闻详情" + this.$route.meta.type_name, params: { key: item.objectFrom,key1 :item.object ,key2:'queryOneNews',key3:'新闻'  } });
          // endLoading();
        }else if(item.objectType=='舆情新闻'){
          // startLoading();
          // this.$router.push({ name: "新闻详情" + this.$route.meta.type_name, params: { key: item.id } });
          // endLoading();
        }else if(item.objectType=='文献'){
          get(
            "api/rest/document/queryLiterature?id="+item.objectFrom,
          )
          .then((data)=>{
            if(data.list.length==0){
              this.$message.warning('当前关联文献未找到！！！');
            }else{
              window.open('api/rest/document/viewLiterature/' + data.list[0].folder + '/' + data.list[0].name);
            }
          })
          .catch((err)=>{
            console.log(err)
          });
        }
    },
    showInfo_s(item){
      if(item.objectType=='文献'){
        get(
          "api/rest/document/queryLiterature?id="+item.objectFrom,
        )
        .then((data)=>{
          if(data.list.length==0){
            this.$message.warning('当前关联文献未找到');
          }else{
            window.open('api/rest/document/viewLiterature/' + data.list[0].folder + '/' + data.list[0].name);
          }
        })
        .catch((err)=>{
          console.log(err)
        });
      }else if(item.objectType=='舆情新闻'){
        // startLoading();
        // this.$router.push({ name: "新闻详情" + this.$route.meta.type_name, params: { key: item.id } });
        // endLoading();
      }
    },
    showInfo_zhtd(item){
      if(item.objectType=='攻击建议'){
        this.zhdt_title = item.objectType;
        this.span_zhdt = item.object
      }else{
        this.zhdt_title = '账号动态'
        this.span_zhdt = item.tweets_content
      }
      this.dialogVisible_zhdt = true;
    },
    query(){
      this.rw_jg_IsConfirm = rw_jg_IsConfirm();
      this.show = false;
      this.showComponent = true;
      this.xgnr_xgrw= [];
      this.xgnr_zhdt= [];
      this.xgnr_xgyq=[];
      this.xgnr_xghd=[];
      this.xgnr_xgzz=[];
      this.xgnr_xgyl=[];
      this.xgnr_gjyxrw=[];
      this.xgnr_pjyl=[];
      this.form = JSON.parse(this.$route.query.obj);
      this.form.mouldId && this.query_CharacterMould(this.form.mouldId);
      this.query_xgyl(this.form._id);
      this.query_Twitter(this.form.extraProperty.id);
    }
  },
  mounted(){
      // this.query();
  },
  activated() {
    this.$route.query.type?this.query():'';
  },
};
</script>
<style lang="scss">
/*修改滚动条样式*/
div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  /**/
}


div::-webkit-scrollbar-track {
  background: #125473;
  border-radius: 2px;
}

div::-webkit-scrollbar-thumb {
  background: #06cee0;
  border-radius: 10px;
}

div::-webkit-scrollbar-thumb:hover {
  background: #06cee0;
}

div::-webkit-scrollbar-corner {
  background: #179a16;
}
#dfzy_rw_xq {
  width: 100%;
  height: 100%;
  padding: 3%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  border: 2px solid #2d4c50;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #2a617b;
  background-image: url(../assets/img/bookMark/01.png);
  background-size: 100% 100%;
  #aa2 {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    border-radius: 19px;
    background-color: white;
    margin-top: -40px;
  }
  .top-title {
    width: 100%;
    float: left;
    // height: 95px;
    .top-left-div {
      width: 50%;
      float: left;
      span {
        width: 100%;
        font-weight: 900;
        float: left;
        color: #3bc0ff;
        word-break: break-all;
      }
    }
    .top-right-div {
      width: calc(50% - 20px);
      margin-left: 20px;
      float: right;
    }
  }
  .title-div {
    float: left;
    width: 100%;
    height: 25px;
    background-size: 100% 100%;
    position: relative;
    span {
      position: absolute;
      //   left: 50px;
      //   top: -10px;
      font-weight: 700;
      font-size: 18px;
      color: #50d7ec;
    }
  }
  .mk-div {
    width: 100%;
    // height: 206px;
    float: left;
    margin-bottom: 20px;
    .data-div {
      width: calc(100% - 40px);
      float: left;
      padding: 20px;
      .div_s {
        width: 100%;
        span {
          color: #ffffff;
          font-size: 14px;
          white-space: pre-line;
          word-break: break-all;
        }
      }
      .pub-div-data {
        margin: 10px calc(50% - 28px);
        color: #909399;
        font-size: 14px;
      }
      .el-table tr {
        background-color: #1d2d46 !important;
        color: #ffffffc7;
      }
      .el-table td {
        border-bottom: 1px solid #127a89;
        border-right: unset;
        .cell {
          font-size: 14px;
        }
      }
      .el-table--enable-row-hover .el-table__body tr:hover > td {
        background-color: #82848a78;
      }
      .el-table th {
        border: unset;
        background-color: #263b5d !important;
      }
      .el-table--fit {
        background: none !important;
        border: unset;
        .el-table__empty-block {
          height: 100px !important;
        }
      }
      .el-icon-delete-solid {
        color: red;
        cursor: pointer;
        font-size: 18px;
      }
      .el-icon-download {
        color: #1172d8;
        cursor: pointer;
        font-size: 20px;
      }
      .el-icon-edit {
        color: #1172d8;
        cursor: pointer;
        font-size: 20px;
      }
      .el-icon-view {
        color: #00ffff;
        font-size: 20px;
        cursor: pointer;
      }
      .el-table--group::after,
      .el-table--border::after,
      .el-table::before {
        background-color: unset;
      }
    }
  }
  .el-card__body {
    padding: 0px;
  }
  .table_jbxx {
    border-collapse: collapse;
    width: 100%;
    td {
      border: 1px solid #00648c;
      padding: 12px 20px;
      font-size: 14px;
      width: 200px;
    }
    .img-div {
      // border: 3px solid #ffffff;
      .el-upload {
        width: 100%;
      }
      img {
        width: 100%;
      }
    }
    .pub-td1 {
      color: #007eff;
      font-weight: 900;
    }
    .pub-td2 {
      color: #8cd4ff;
    }
  }
  .title-divs {
    float: left;
    height: 25px;
    width: calc(100% - 0px);
    // background-image: url("../../assets/img/dfzy/02.png");
    // background-size: 100% 100%;
  }
  .el-card {
    border-radius: unset;
    border: 1px solid #1d2d4600;
    background-color: unset;
    overflow: hidden;
    color: #ffff;
    transition: 0.3s;
    opacity: 0.93;
    .textitem {
      padding-top: 5px;
      cursor: pointer;
      span {
        font-size: 15px;
        color: #8cd4ff;
      }
    }
  }
  .el-card.is-always-shadow {
    box-shadow: none;
  }
  .xgnr-span {
    height: 50px;
    line-height: 48px;
    padding-left: 20px;
    font-weight: 700;
    background: #293f63;
    color: #f1f1f1;
    font-size: 17px;
  }
  .xgnr-div {
    width: 100%;
    height: 150px;
    text-align: center;
    background: #233450;
    overflow-y: auto;
    overflow-x: hidden;
    div{
      margin-top: 59px;
      display: inline-table;
      color: #adadad;
    }
    // .el-tabs--border-card {
    //   background: #ececec;
    //   border: 1px solid #1d2d46;
    //   > .el-tabs__header {
    //     background-color: #c1c1c1;
    //     .el-tabs__item.is-active {
    //       color: #009df9;
    //       background-color: #ececec;
    //     }
    //     .el-tabs__item {
    //       color: #777777;
    //     }
    //   }
    // }
    ul {    
      padding: 0px 35px;
      margin: 0px;
      width: 100%;
      height: 100%;
      li {
        color: #26adcc;
        float: left;
        width: calc(100% - 38px);
        line-height: 33px;
        text-align: left;
        span {
          color: #71d4ff;
          float: left;
          cursor: pointer;
          width: calc(100% - 0px);
          font-size: 14px;
          line-height: 33px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        span:hover {
          color: #65add6;
        }
      }
    }
  }
  .back {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 11%;
    right: 80px;
    cursor: pointer;
  }
  .table-div {
      width: 100%;
      height: 500px;
      margin-top: 20px;
      margin-left: 0px;
      background: #1d2d47;
      .el-table__body-wrapper {
        height: 452px;
        overflow-y: auto;
      }
      .cell {
        text-align: center;
      }
      .el-table tr {
        background-color: #1d2d46 !important;
        color: #ffffffc7;
      }
      .el-table td {
        border-bottom: 1px solid #127a89;
        border-right: unset;
      }
      .el-table__body tr:hover > td {
        background-color: #00000000;
      }
      .el-table th {
        border: unset;
        background-color: #263b5d !important;
      }
      .el-table--fit {
        background: none !important;
        border: unset;
      }
      .el-icon-delete-solid {
        color: red;
        cursor: pointer;
        font-size: 18px;
      }
      .el-icon-edit {
        color: #1172d8;
        cursor: pointer;
        font-size: 20px;
      }
      .el-icon-delete {
        color: red;
        font-size: 20px;
        cursor: pointer;
      }
      .el-table--group::after,
      .el-table--border::after,
      .el-table::before {
        background-color: unset;
      }
  }
  .el-tabs--border-card {
    // width: calc(100% - 4px);
    // height: calc(100% - 4px);
    border: 2px solid #125473;
    border-radius: 5px;
    box-sizing: border-box;
    background: #ffffff00;
    >.el-tabs__content{
        width: 100%;
        // height: calc(100% - 40px);
        box-sizing: border-box;
    }
    >.el-tabs__header {
      background-color: unset;
      border-bottom: 2px solid #125473;
      .el-tabs__item {
        color: #dedede;
      }
      .el-tabs__item.is-active {
        color: #ffe000;
        background-color: #116791;
        border-right-color: #116791;
        border-left-color: #116791;
      }
      .el-tabs__item:not(.is-disabled):hover {
        color: #ffe000;
      }
    }
  }
  .el-dialog{
    background-color: #1d2d47;
    .el-dialog__header {
      .el-dialog__title {
        color: white;
      }
    }
    .el-dialog__body {
      padding: 30px 20px;
      .dialogContent {
        span {
          float: left;
          margin-top: 5.5px;
          color: white;
        }
        .el-input {
          width: 80%;
          input {
            height: 30px;
          }
        }
      }
    }
    .el-dialog__title {
      color: #ffffff;
    }
    .el-form-item__label {
      color: #dadada;
    }
    .el-upload-list__item-name [class^="el-icon"] {
      color: #2870ff;
      height: unset !important;
    }
    .el-table__body-wrapper {
      height: 452px;
      overflow-y: auto;
    }
    .cell {
      text-align: center;
    }
    .el-table tr {
      background-color: #1d2d46 !important;
      color: #ffffffc7;
    }
    .el-table td {
      border-bottom: 1px solid #127a89;
      border-right: unset;
    }
    .el-table__body tr:hover > td {
      background-color: #00000000;
    }
    .el-table th {
      border: unset;
      background-color: #263b5d !important;
    }
    .el-table--fit {
      background: none !important;
      border: unset;
    }
    .el-icon-delete-solid {
      color: red;
      cursor: pointer;
      font-size: 18px;
    }
    .el-icon-edit {
      color: #1172d8;
      cursor: pointer;
      font-size: 20px;
    }
    .el-icon-delete {
      color: red;
      font-size: 20px;
      cursor: pointer;
    }
    .el-table--group::after,
    .el-table--border::after,
    .el-table::before {
      background-color: unset;
    }
  }
}
</style>
