<template>
  <div id="jq_xq_wfzy">
    <template>
      <el-backtop
        target="#jq_xq_wfzy"
        :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% - 40px);
        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>
                <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: 200px;">
              <div class="img-div">
                <el-upload
                  class="avatar-uploader"
                  action="1"
                  :show-file-list="false"
                  :disabled="!true_edit"
                  :file-list="fileList_head"
                  :accept="file_types_head"
                  :auto-upload="false"
                  :limit="1"
                >
                  <img
                    v-if="imageUrl"
                    :src="imageUrl"
                    class="avatar"
                    :onerror="errimg"
                  />
                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                </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">
              <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 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' : '',
            }"
            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>
      </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, fileUpload, delete_util,setCookie,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 { imgUrl } from "../../api/publicUrl";
export default {
  components: { SeeksRelationGraph },
  data() {
    return {
      errimg: "this.src='" + jh_bg + "'",
      back: back,
      isShowCodePanel: false,
      form: {
        baseProperty: {},
        textarea:[],
      },
      jh_bg: jh_bg,
      zt_id: "",
      db_zt_id: "",
      xgnr_wd: [
        { title: "专家解读延迟退休如何进行特朗普个人网站正式上线" },
        { title: "苏伊士运河搁浅货轮因潮汐脱困亚裔男子在纽约地铁遭黑人毒打" },
        { title: "香港基本附件一附件二完成修订苏伊士运河搁浅货轮因潮汐脱困" },
        { title: "完成修订苏伊士运河搁浅货轮因潮汐脱困" },
        { title: "特朗普个人网站正式上线专家解读延迟退休如何进行" },
        { title: "亚裔男子在纽约地铁遭黑人毒打香港基本附件一附件二完成修订" },
      ],
      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:'',
      rw_jg_IsConfirm:'',
    };
  },
  methods: {
    goBack() {
      // this.$router.push("rwk");
      this.xzzd = [];
      this.wzmk_data = [];
      this.form={
        baseProperty: {},
        textarea:[],
      };
      this.imageUrl = "",
      setCookie('wfzy_jgk','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;
                  }
                });
              });
            }
          }
          this.query_grxx(this.ids_tree);
        })
        .catch((err) => {
          this.$message.warning(err.message);
        });
    },
    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);
                      })
                    }
                  }
                }
              })
            }
          }else{
            this.form={
              baseProperty: {},
              textarea:[],
            };
            this.wzmk_data=[];
          }
        })
        .catch((err) => {
          this.$message.warning(err.message);
        });
    },
  },
  watch: {
  },
  mounted() {},
  activated() {
    this.rw_jg_IsConfirm = rw_jg_IsConfirm();
    this.imageUrl = "",
    this.true_edit = false;
    let obj_item = this.$route.params.key;
    this.ids_tree = obj_item._id;
    this.mouldId = obj_item.mouldId;
    this.query_CharacterMould(this.mouldId);
  },
};
</script>
<style lang="scss">
#jq_xq_wfzy {
  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;

  .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;
    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: 300px;
      }
    }
    .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>
