<template>
  <div id="zchj_rw_xq">
    <template>
      <el-backtop
        target="#zchj_rw_xq"
        :right="80"
        :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: 157px;top: 12.3%;"
      >更新时间：<span style="color: #ffc14e;">{{ form.updateTime }}</span></span
    >
    <div
      style="
        width: calc(100% - 60px);
        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" v-if="form.extraProperty">
              {{ 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" 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' : '',
            }"
            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>
      </div>
    </div>
    <div style="width: 300px; float: left; margin-left: 20px;display:none">
      <div class="xgnr-span">
        <span>相关内容</span>
      </div>
      <div class="xgnr-div">
        <el-tabs type="border-card">
          <el-tab-pane label="人物">
            <ul>
              <li v-for="item in xgnr_wd">
                <span>{{ item.title }}</span>
              </li>
            </ul>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>
    

<script>
import back from "../../assets/img/setting/back.png";
import SeeksRelationGraph from "relation-graph";
import { get, post,setCookie,rw_jg_IsConfirm } from "../../util/http_util";
import * as echarts from "echarts";
import jh_bg from "../../assets/img/dfzy/zwtp.png";
export default {
  components: { SeeksRelationGraph },
  data() {
    return {
      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_wd: [
        { title: "专家解读延迟退休如何进行特朗普个人网站正式上线" },
        { title: "苏伊士运河搁浅货轮因潮汐脱困亚裔男子在纽约地铁遭黑人毒打" },
        { title: "香港基本附件一附件二完成修订苏伊士运河搁浅货轮因潮汐脱困" },
        { title: "完成修订苏伊士运河搁浅货轮因潮汐脱困" },
        { title: "特朗普个人网站正式上线专家解读延迟退休如何进行" },
        { title: "亚裔男子在纽约地铁遭黑人毒打香港基本附件一附件二完成修订" },
      ],
      educationHistory: [],
      workingHistory: [],
      twitterUsers: [],
      xzzd: [],
      wzmk_data: [],
      rw_jg_IsConfirm:'',
      true_edit:false,
    };
  },
  methods: {
    goBack() {
      // this.$router.push("rwk");
      this.xzzd = [];
      this.wzmk_data = [];
      this.form={
        baseProperty: {},
        textarea:[],
      };
      // this.form.photos="",
      setCookie('zchj_rwk','1','1000');
      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) => {
                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) => {
          this.$message.warning(err.message);
        });
    },
  },
  activated() {
    // this.form.photos="",
    this.rw_jg_IsConfirm = rw_jg_IsConfirm();
    this.show = false;
    let obj_item = this.$route.params.key;
    this.form = obj_item;
    this.query_CharacterMould(obj_item.mouldId);
  },
};
</script>
<style lang="scss">
#zchj_rw_xq {
  width: 95%;
  height: 87%;
  margin: 3%;
  margin-left: 2%;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  border: 2px solid #2d4c50;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #2a617b;
  padding: 20px 30px;
  #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;
    margin-top: 10px;
    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 {
          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;
      // max-width: 1;
    }
    .img-div {
      // border: 3px solid #ffffff;
      .el-upload{
        width: 100%;
      }
      img {
        width: 100%;
        // height: 210px;
      }
    }
    .pub-td1 {
      color: #007eff;
      font-weight: 900;
      width: 85px;
    }
    .pub-td2 {
      color: #8cd4ff;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
  .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 {
    .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 21px;
      margin: 0px;
      width: 100%;
      li {
        color: #26adcc;
        float: left;
        width: calc(100% - 20px);
        span {
          color: #71d4ff;
          float: left;
          cursor: pointer;
          width: calc(100% - 0px);
          font-size: 14px;
          line-height: 22px;
          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;
  }
}
</style>
