<template>
  <div id="dfzy_jg_xq">
    <template>
      <el-backtop
        target="#dfzy_jg_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:60px">部队代号</td>
              <td class="pub-td2">
                <span v-if="!true_edit">{{
                  form.baseProperty["部队代号"]
                }}</span>
                <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>
                <el-input
                  v-if="true_edit"
                  v-model="form.baseProperty['部队代号']"
                  placeholder="请输入内容"
                ></el-input>
              </td>
              <td class="pub-td1" style="width:60px">部队泛称</td>
              <td class="pub-td2">
                <span v-if="!true_edit">{{
                  form.baseProperty["部队泛称"]
                }}</span>
                <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>
                <el-input
                  v-if="true_edit"
                  v-model="form.baseProperty['部队泛称']"
                  placeholder="请输入内容"
                ></el-input>
              </td>
            </tr>
            <tr>
              <td class="pub-td1" style="width:60px">机构编号</td>
              <td class="pub-td2" colspan="3">
                <span v-if="!true_edit">{{
                  form.baseProperty["机构编号"]
                }}</span>
                <!-- <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> -->
                <el-input
                  v-if="true_edit"
                  v-model="form.baseProperty['机构编号']"
                  placeholder="请输入内容"
                ></el-input>
              </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">
              <span v-if="!true_edit">{{ form.baseProperty["部队番号"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['部队番号']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">部队简称</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["部队简称"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['部队简称']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td rowspan="6" style="width: 240px;">
              <div class="img-div">
                <el-upload
                  class="avatar-uploader"
                  action="1"
                  :show-file-list="false"
                  :on-change="handleChange"
                  :disabled="!true_edit"
                  :file-list="fileList_head"
                  :accept="file_types_head"
                  :auto-upload="false"
                  :limit="1"
                >
                  <img
                    v-if="imageUrl"
                    :src="imageUrl"
                    class="avatar"
                    :onerror="errimg"
                  />
                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
                <!-- <img :src="form.photos" class="rw-img" :onerror="errimg" /> -->
              </div>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">编制番号</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["编制番号"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['编制番号']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">战时代号</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{
                form.baseProperty["战时代号"]
              }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['战时代号']"
                placeholder="请输入内容"
              ></el-input>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">密级</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["密级"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['密级']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">部队类别</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["部队类别"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['部队类别']"
                placeholder="请输入内容"
              ></el-input>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">兵种</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["兵种"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['兵种']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">国家地区</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["国家地区"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['国家地区']"
                placeholder="请输入内容"
              ></el-input>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">军种</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["军种"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['军种']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">地名</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["地名"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['地名']"
                placeholder="请输入内容"
              ></el-input>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">军队区分</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["军队区分"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['军队区分']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">情报提供单位</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["情报提供单位"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['情报提供单位']"
                placeholder="请输入内容"
              ></el-input>
            </td>
          </tr>
          <tr>
            <td class="pub-td1">部队等级</td>
            <td class="pub-td2">
              <span v-if="!true_edit">{{ form.baseProperty["部队等级"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['部队等级']"
                placeholder="请输入内容"
              ></el-input>
            </td>
            <td class="pub-td1">战备等级</td>
            <td class="pub-td2" colspan="2">
              <span v-if="!true_edit">{{ form.baseProperty["战备等级"] }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.baseProperty['战备等级']"
                placeholder="请输入内容"
              ></el-input>
            </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" v-if="form.extraProperty">
              <span v-if="!true_edit">{{
                form.extraProperty[item.comment]
              }}</span>
              <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>
              <el-input
                v-if="true_edit"
                v-model="form.extraProperty[item.comment]"
                placeholder="请输入内容"
              ></el-input>
            </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" v-if="form.textarea">
          <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' : 'white',
            }"
            v-if="item.type == 1"
            class="div_s"
          >
            <span v-if="!true_edit" v-text="form.textarea[item.comment] == ''|| form.textarea[item.comment] == undefined
                ? '暂无数据'
                : form.textarea[item.comment]"></span>
            <el-input
              v-if="true_edit"
              v-model="form.textarea[item.comment]"
              placeholder="请输入内容"
              type="textarea"
              :rows="6"
            ></el-input>
          </div>
          <div v-if="item.type == 2">
            <i
              class="el-icon-circle-plus"
              title="新增表格"
              @click="add_table(index)"
              v-if="true_edit"
              style="
                font-size: 23px;
                margin-bottom: 10px;
                color: #409eff;
                cursor: pointer;
              "
            ></i>
            <el-table
              style="width: 100%"
              :data="item.table_column"
              border
            >
              <el-table-column
                :prop="items"
                :label="items"
                v-for="(items, indexs) in item.table_tab"
                :key="indexs"
                align = "center"
              >
                <template slot-scope="scope">
                  <span v-if="!true_edit">{{ scope.row[items] }}</span>
                  <el-input
                    v-if="true_edit"
                    v-model="scope.row[items]"
                  ></el-input>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <div v-if="item.type == 3" style="height: 800px">
            <component
              :is="currentRole_rw"
              :clientDetails="clientDetails_rw"
              v-if="showComponent"
              :show="showComponent"
              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_ssjd.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_ssjd.length!=0">
          <li v-for="item in xgnr_ssjd" :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_ssbd.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_ssbd.length!=0">
          <li v-for="item in xgnr_ssbd" :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_sszb.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_sszb.length!=0">
          <li v-for="item in xgnr_sszb" :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_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="xgnr_lswx.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_lswx.length!=0">
          <li v-for="item in xgnr_lswx" :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_zjzl.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_zjzl.length!=0">
          <li v-for="item in xgnr_zjzl" :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="xgnr_pjyl.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="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>
        <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_jgfxbg.length==0">
          <span>暂无数据接入</span>
        </div>
        <ul v-if="xgnr_jgfxbg.length!=0">
          <li v-for="item in xgnr_jgfxbg" :title="'出处：' + item.objectType" @click="showInfo(item)">
            <span>{{ item.object }}</span>
            <span style="font-size: 12px;color: #737373;">{{ item.createTime }}</span>
          </li>
        </ul>
      </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%"
      :modal-append-to-body="false"
      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, fileUpload, delete_util,startLoading,endLoading,rw_jg_IsConfirm } from "../util/http_util";
import * as echarts from "echarts";
import jh_bg from "../assets/img/dfzy/zwtp.png";
import { uuid } from "../util/data_util";
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:[],
      },
      jh_bg: jh_bg,
      zt_id: "",
      db_zt_id: "",
      xgnr_xgrw:[],
      xgnr_zhdt: [],
      xgnr_ssjd: [],
      xgnr_ssbd: [],
      xgnr_sszb: [],
      xgnr_xgyq: [],
      xgnr_lswx: [],
      xgnr_zjzl: [],
      xgnr_gjyxrw: [],
      xgnr_gjjy:[],
      xgnr_pjyl: [],
      xgnr_jgfxbg: [],
      educationHistory: [],
      workingHistory: [],
      twitterUsers: [],
      xzzd: [],
      wzmk_data: [],
      true_edit: false,
      imageUrl: "",
      fileList_head: [],
      file_head: {},
      file_types_head: ".PNG,.JPG,.JPEG",
      errimg: "this.src='" + jh_bg + "'",
      obj_dx: {},
      ids_tree :'',
      mouldId:'',
      title_gd:'',
      dialogVisible_gd:false,
      tableData_gd:[],
      dialogVisible_gd1:false,
      tableData_gd1:[],
      dialogVisible_zhdt:false,
      zhdt_title:'',
      span_zhdt:'',
      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:'',
      editableTabsValues:false,
      editableTabsValue:'',
      showComponent:true,
    };
  },
  methods: {
    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)
      }
    },
    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;
                  }
                });
              });
            }
          }
          this.query_grxx(this.ids_tree);
        })
        .catch((err) => {
          console.log(err);
        });
    },
    query_grxx(id) {
      let paramDatas = { "_id": id+"" };
      post(
        "api/rest/resource/queryDynamicOrganization?pageNum=1&pageSize=10",
        paramDatas
      )
        .then((data) => {
          if (data.list.length > 0) {
            this.form = JSON.parse(JSON.stringify(data.list[0]));
            this.imageUrl =
              imgUrl +
              this.form.baseProperty["photos"];
            if(this.wzmk_data.length>0&&JSON.stringify(this.form.mouldTables)!='{}'){
              this.wzmk_data.forEach((item)=>{
                if(item.type==2){
                  if(this.form.mouldTables[item.comment]!=undefined){
                    if(this.form.mouldTables[item.comment].length>0){
                      this.form.mouldTables[item.comment].forEach((items)=>{
                        item.table_column.push(items);
                      })
                    }
                  }
                }
              })
            }
            if (this.wzmk_data.length > 0) {
              this.wzmk_data.forEach((item) => {
                if (item.type == 3) {
                  (this.currentRole_rw = "navs_rwk");
                    (this.clientDetails_rw = {
                      module_id: parseInt(this.form.extraProperty["id"]),
                      types: "2",
                      peopleOrOrganization:'organization',
                    });
                }
              });
            }
          }else{
            this.form={
              baseProperty: {},
              textarea:[],
            };
            this.wzmk_data=[];
          }
          this.xgnr_zhdt = [];
          this.xgnr_ssjd = [];
          this.xgnr_ssbd = [];
          this.xgnr_xgyq = [];
          this.xgnr_zjzl = [];
          this.xgnr_pjyl = [];
          this.xgnr_gjjy = [];
          this.xgnr_jgfxbg = [];
          this.query_Twitter(this.form.extraProperty.id);
          this.query_xgyl(this.form.jgbh.value);
        })
        .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){
      this.query_tree();
      this.query_rw();
      get(
        "api/rest/resource/queryRelatedInfo?subject="+id+"&relation="+"所属基地",
      )
      .then((data)=>{
        this.xgnr_ssjd = data.list;
      })
      .catch((err)=>{
        console.log(err)
      });
      get(
        "api/rest/resource/queryRelatedInfo?subject="+id+"&relation="+"所属部队",
      )
      .then((data)=>{
        this.xgnr_ssbd = data.list;
      })
      .catch((err)=>{
        console.log(err)
      });
      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_lswx = data.list;
      })
      .catch((err)=>{
        console.log(err)
      });
      get(
        "api/rest/resource/queryRelatedInfo?subject="+id+"&relation="+"证据资料",
      )
      .then((data)=>{
        this.xgnr_zjzl = 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;
      })
      .catch((err)=>{
        console.log(err)
      });
      get(
        "api/rest/resource/queryRelatedInfo?subject="+id+"&relation="+"机构分析报告",
      )
      .then((data)=>{
        this.xgnr_jgfxbg = data.list;
      })
      .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  } });
          // 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)
          });
        }
    },
    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.true_edit = false;
      let obj_item = JSON.parse(this.$route.query.obj);
      this.ids_tree = obj_item._id;
      this.mouldId = obj_item.mouldId;
      this.mouldId&&this.query_CharacterMould(this.mouldId);
    }
  },
  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_jg_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%;

  .el-input__inner {
    color: white !important;
    background: none !important;
    border: 1px solid #146a80 !important;
    box-shadow: 0 0 10px #1b6097;
  }
  .el-textarea__inner {
    color: white !important;
    background: none !important;
    border: 1px solid #146a80 !important;
    box-shadow: 0 0 10px #1b6097;
    white-space: pre-line;
  }
  #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: 10px 12px;
      font-size: 14px;
      width: 200px;
    }
    .img-div {
      // border: 3px solid #ffffff;
      img {
        width: 100%;
      }
      .el-upload {
        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;
  }
  .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>
