fj-dc-ui/.svn/pristine/df/df3c923a26fc8ef3b6ddd8ba74c15ac7b0de0e6f.svn-base

<template>
  <div style="height:100%;width:100%;">
    <el-container style="height:100%;width:100%;">
      <el-aside width="320px"  style="border-right:2px solid #d5d5ff;float:left" :style="{'max-height':testHeight+'px','height':testHeight+'px'}">
        <span style="display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #ebeef5;">
          <el-button size="mini" :class="tabType==1 ? 'skactive' : 'sknormal'" @click="tabChange('1')">当前数据</el-button>
         <el-button size="mini" :class="tabType==2 ? 'skactive' : 'sknormal'" @click="tabChange('2')">历史数据</el-button>
          <el-button size="mini" :class="tabType==0 ? 'skactive' : 'sknormal'" @click="tabChange('0')">全部数据</el-button>
        </span>
        <div class="tree" style="
         height: calc(100% - 50px);
          width: 100%;
          overflow: auto;
          display: inline-flex;">
          <el-tree
            :highlight-current="true"
            style="height:100%;"
            :data="treeData"
            node-key="id"
            :expand-on-click-node="false"
            @node-click = 'treeNodeClickHandler'
            ref="jigou_tree"
          >
            <div class="custom-tree-node" slot-scope="{ node, data }">
                    <span style="float:left;">{{ data.pnm}}

                    </span>
            </div>
          </el-tree>
        </div>

      </el-aside>
      <!-- 主要窗口 -->
      <el-main id="dxdcListMainsk" style="padding:5px 20px;">
        <el-row>
          <el-col :span="24">
            <el-form :inline="true" size="mini" class="demo-form-inline" style="padding-left: 10px;">
              <el-form-item label="督查状态">
                <el-select v-model="dcType" clearable placeholder="督查状态">
                  <el-option label="未督查" value="0"></el-option>
                  <el-option label="督查中" value="1"></el-option>
                  <el-option label="已督查" value="2"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="行政区名称">
                <addvSearch
                  v-model="adName"
                  :maxHeight='300'
                  :maxWidth='250'
                  :rootAddCode='curAdcode_long'
                  :level='"3"'
                  :nameOrCode="'name'"
                ></addvSearch>
              </el-form-item>
              <el-form-item label="对象名称">
                <el-input v-model="depName" placeholder="对象名称"></el-input>
              </el-form-item>
              <!-- <el-form-item label="所在组">
                <el-autocomplete v-model="groupName" clearable value-key='nm' :fetch-suggestions="querySearchAsync" placeholder="请输入内容"
                                 @select="handleSelect"></el-autocomplete>
              </el-form-item> -->
              <el-form-item label="督查时间">
                <div style="display: flex;">
                  <!-- <el-date-picker
                    v-model="dateRange"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    style="width:280px"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                  ></el-date-picker> -->
                  <el-date-picker
                    v-model="yearLx"
                    type="year"
                    placeholder="选择年">
                    </el-date-picker>
                </div>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="onSubmit" icon="el-icon-search">查询</el-button>
              </el-form-item>
            </el-form>
          </el-col>
        </el-row>
        <el-table
          ref="table"
          border
          :height="tableHeight"
          :data="skDataList"
          style="width: 100%"
          v-loading="expLoading">
          <el-table-column prop="adName" label="行政区划" show-overflow-tooltip min-width="100" align="center"></el-table-column>
          <el-table-column prop="nm" label="工程名称" show-overflow-tooltip min-width="80" align="center" fixed="left"></el-table-column>
          <el-table-column prop="sceneScore" label="施工现场布置得分" v-if="ownPriv('isGdExpert')" show-overflow-tooltip min-width="70" align="center" ></el-table-column>
          <el-table-column prop="tmprScore" label="临时工程得分" v-if="ownPriv('isGdExpert')" show-overflow-tooltip min-width="70" align="center" ></el-table-column>
          <el-table-column prop="safScore" label="安全文明施工得分" v-if="ownPriv('isGdExpert')" show-overflow-tooltip min-width="70" align="center" ></el-table-column>
          <el-table-column prop="standardTotal" label="工地应计总分" v-if="ownPriv('isGdExpert')" show-overflow-tooltip min-width="70" align="center" ></el-table-column>
          <el-table-column prop="standardScore" label="工地得分" v-if="ownPriv('isGdExpert')" show-overflow-tooltip min-width="80" align="center" ></el-table-column>
          <el-table-column prop="standardRate" label="工地得分率(%)" v-if="ownPriv('isGdExpert')" show-overflow-tooltip min-width="90" align="center" ></el-table-column>
          <el-table-column prop="pbScore" label="党建得分" v-if="ownPriv('isDjExpert')" show-overflow-tooltip min-width="80" align="center" ></el-table-column>
          <el-table-column prop="actualScore" label="总分" v-if="ownPriv('isGdExpert') || ownPriv('isDjExpert')" show-overflow-tooltip min-width="80" align="center" ></el-table-column>
          <el-table-column prop="groupName" label="所在组" show-overflow-tooltip min-width="80" align="center"></el-table-column>
          <el-table-column prop="intm1" label="督查时间" show-overflow-tooltip min-width="100" align="center"></el-table-column>
<!--          <el-table-column prop="uptm" label="更新时间" align="center" :formatter="formatDate" min-width="100"></el-table-column>-->
<!--          <el-table-column-->
<!--            prop="sceneState"-->
<!--            label="施工现场布置状态"-->
<!--            align="center"-->
<!--            min-width="200">-->
<!--            <template slot-scope="scope">-->
<!--              <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.sceneState == 0 || !scope.row.sceneState">待填报</p>-->
<!--              <p style="cursor:pointer;color:#fbb56d" v-if="scope.row.sceneState == 1">未完成</p>-->
<!--              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.sceneState == 2">已完成</p>-->
<!--            </template>-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            prop="tmprState"-->
<!--            label="临时工程状态"-->
<!--            align="center"-->
<!--            min-width="150">-->
<!--            <template slot-scope="scope">-->
<!--              <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.tmprState == 0 || !scope.row.tmprState">待填报</p>-->
<!--              <p style="cursor:pointer;color:#fbb56d" v-if="scope.row.tmprState == 1">未完成</p>-->
<!--              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.tmprState == 2">已完成</p>-->
<!--            </template>-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            prop="safState"-->
<!--            label="安全文明施工"-->
<!--            align="center"-->
<!--            min-width="150">-->
<!--            <template slot-scope="scope">-->
<!--              <p style="cursor:pointer;color:#F56C6C;" v-if="scope.row.safState == 0 || !scope.row.safState">待填报</p>-->
<!--              <p style="cursor:pointer;color:#fbb56d" v-if="scope.row.safState == 1">未完成</p>-->
<!--              <p style="cursor:pointer;color:#67C23A" v-if="scope.row.safState == 2">已完成</p>-->
<!--            </template>-->
<!--          </el-table-column>-->
          <el-table-column prop="type" label="工程类型" show-overflow-tooltip min-width="100" align="center">
          </el-table-column>
          <el-table-column prop="managementUnit" label="管理单位" show-overflow-tooltip min-width="100" align="center">
          </el-table-column>
          <el-table-column prop="contactPerson" label="联系人" show-overflow-tooltip min-width="100" align="center">
          </el-table-column>
          <el-table-column prop="investment" label="投资金额（万元）" show-overflow-tooltip min-width="100" align="center">
          </el-table-column>
          <el-table-column prop="startDate" label="开工令签发时间" show-overflow-tooltip min-width="100" align="center">
          </el-table-column>
          <el-table-column prop="state" label="已建 / 在建" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
                <p v-if="scope.row.state == '0'">在建</p>
                <p v-else>已建</p>
            </template>
          </el-table-column>
          <el-table-column
            prop="state"
            label="督查状态"
            align="center"
            min-width="80">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;background:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)"
                 v-if="scope.row.state == 0"
               >未填报</span>
              <span
                style="padding: 3px 10px;background:#FBB56D;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.state == 1"
              >填报中</span>
              <span
                style="padding: 3px 10px;background:#63C25E;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.state == 2"
              >已填报</span>
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作" min-width="220" fixed="right">
            <template slot-scope="scope">
              <div style="display: flex;justify-content: center">
                <div>
                  <el-button size="mini" type="success" v-if="scope.row.rgstrId" plain @click="add(scope.row)">填报</el-button>
                  <el-button size="mini" type="danger" v-if="scope.row.rgstrId && scope.row.state != '2'" plain @click="deleteMember(scope.row)">删除</el-button>
                  <!-- <el-button size="mini" type="danger" v-if="scope.row.rgstrId && scope.row.state != '2'" plain @click="submitHandler(scope.row)">提交</el-button> -->
                </div>
                <el-button size="mini" type="warning" v-if="scope.row.rgstrId && scope.row.state == '2'" plain @click="getDe(scope.row)">查看</el-button>
                <div style="padding-left: 10px;">
                  <el-button size="mini" type="warning" v-if="scope.row.rgstrId && scope.row.state == '2'" plain @click="revoke(scope.row)">撤回</el-button>
                </div>
              </div>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination background  :pager-count="5" :current-page="pageIndex"
                       :page-size="pageSize" :page-sizes="[10, 20, 30, 40, 50, 100]"
                       layout="sizes, total, prev, pager, next" :total="total"
                       @current-change="pageIndexChange" @size-change="handleSizeChange"
        ></el-pagination>
      </el-main>
      <!-- </el-container> -->
      <bzhgdTab v-if="showShuiKuTianBao" :rowData="rowData" :currentObjectRgstrId="currentObjectRgstrId"
               :currentResCode="currentResCode" :currentObjectId="currentObjectId"
               :currentObjectName="currentResName"
               :pType="pType"
               :currentNodeId="currentNodeId"
               :openType="openType"
               @cancelHandler="cancelHandler" @addShuiKuSuccess="addShuiKuSuccess"></bzhgdTab>
    </el-container>
    <!-- 添加/编辑人员弹窗 -->

    <!-- 上传模板弹窗 -->
    <shuiku-tian-bao-pl v-if="showShuiKuTianBaoPl"
                        :showShuiKuTianBaoPl="showShuiKuTianBaoPl"
                        :id="currentNodeId"
                        @closePlDialog="closePlDialog"></shuiku-tian-bao-pl>
    <!-- 水库信息查看 -->
    <!-- 督查弹窗 -->
    <el-dialog
      title=""
      @close="clearForm"
      :visible.sync="showDuchaDialog"
      width="60%"
      center
    >
      <el-tabs v-model="activeTab" type="card" style="padding:5px 20px;">
    <el-tab-pane label="基本信息" name="basicInfo">
        <p style="margin-top:10px;margin-bottom: 10px;overflow: hidden;"><i class="el-icon-caret-right"></i><span
        style="width:120px;padding-left: 10px">基本信息</span><span class="hrs"></span>
        </p>
          <div>
            <el-form label-width="100px" style="padding: 20px 0;">
              <el-form-item label="工程名称">
                <el-input v-model="duchaForm.name" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="业务类型">
                <el-input v-model="duchaForm.businessType" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="工程类型">
                <el-input v-model="duchaForm.type" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="所在地">
                <el-input v-model="duchaForm.loc" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="投资金额（万元）">
                <el-input v-model="duchaForm.investment" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="计划工期">
                <el-input v-model="duchaForm.plannedDuration" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="开工令签发时间">
                <el-date-picker 
                    v-model="duchaForm.startDate" 
                    type="date" 
                    :disabled="isEdit" 
                    format="yyyy-MM-dd"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择日期" 
                    style="width:100%;">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="已建 / 在建">
                <el-select v-model="duchaForm.status" :disabled="isEdit" placeholder="请选择">
                  <el-option label="已建" value="已建"></el-option>
                  <el-option label="在建" value="在建"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="管理单位">
                <el-input v-model="duchaForm.managementUnitName" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="联系人">
                <el-input v-model="duchaForm.contactPerson" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="行政区划编码">
                <el-input v-model="duchaForm.adCode" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="行政区划名称">
                <el-input v-model="duchaForm.adName" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="经度">
                <el-input v-model="duchaForm.centerX" :disabled="isEdit"></el-input>
              </el-form-item>
              <el-form-item label="纬度">
                <el-input v-model="duchaForm.centerY" :disabled="isEdit"></el-input>
              </el-form-item>
            </el-form>
            <div style="text-align: center;width: 100%;padding: 20px 0;">
                <el-button :disabled="isEdit" type="primary" @click="saveDe">保存</el-button>
            </div>
          </div>
        </el-tab-pane>
        <el-tab-pane label="六项机制填报" name="aztb">
          <el-button :disabled="isEdit" style="margin-left: 1%;" type="primary" @click="showaddaz = true;isadd = true">新增填报</el-button>
          <el-table
          ref="table"
          border
          :height="tableHeight*0.5"
          :data="aztbDataList"
          style="width: 100%;margin-top: 1%;"
          :cell-style="{color: '#000000'}"
          v-loading="expLoading">
          <el-table-column label="查找机制" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;border-radius:15px;"
                 v-if="scope.row.search == '1'"
               >是</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.search == '2'"
              >否</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.search == null"
              >-</span>
            </template>
          </el-table-column>
          <el-table-column label="研判机制" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;border-radius:15px;"
                 v-if="scope.row.judgment == '1'"
               >是</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.judgment == '2'"
              >否</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.judgment == null"
              >-</span>
            </template>
          </el-table-column>
          <el-table-column label="预警机制" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;border-radius:15px;"
                 v-if="scope.row.earlyWarning == '1'"
               >是</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.earlyWarning == '2'"
              >否</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.earlyWarning == null"
              >-</span>
            </template>
          </el-table-column>
          <el-table-column label="防范机制" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;border-radius:15px;"
                 v-if="scope.row.prevention == '1'"
               >是</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.prevention == '2'"
              >否</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.prevention == null"
              >-</span>
            </template>
          </el-table-column>
          <el-table-column label="处置机制" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;border-radius:15px;"
                 v-if="scope.row.disposal == '1'"
               >是</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.disposal == '2'"
              >否</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.disposal == null"
              >-</span>
            </template>
          </el-table-column>
          <el-table-column label="责任机制" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;border-radius:15px;"
                 v-if="scope.row.responsibility == '1'"
               >是</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.responsibility == '2'"
              >否</span>
              <span
                style="padding: 3px 10px;border-radius:15px;"
                v-if="scope.row.responsibility == null"
              >-</span>
            </template>
          </el-table-column>
          <el-table-column label="状态" show-overflow-tooltip min-width="100" align="center">
            <template slot-scope="scope">
               <span
                 style="padding: 3px 10px;background:#F56C6C;border-radius:15px;color:rgba(255,255,255,1)"
                 v-if="scope.row.state == 0"
               >未完成</span>
              <span
                style="padding: 3px 10px;background:#FBB56D;border-radius:15px;color:rgba(255,255,255,1)"
                v-if="scope.row.state == 1"
              >已完成</span>
            </template>
          </el-table-column>
          <el-table-column align="center" label="操作" min-width="220" fixed="right">
            <template slot-scope="scope">
              <div style="display: flex;justify-content: center">
                <el-button :disabled="isEdit" size="mini" type="success" plain @click="editAx(scope.row)">编辑</el-button>
                <el-button :disabled="isEdit" size="mini" type="danger" plain @click="delAx(scope.row)">删除</el-button>
              </div>
            </template>
          </el-table-column>
          </el-table>
          <!-- <el-pagination style="padding: 20px 0;" background  :pager-count="5" :current-page="pageIndex1"
                       :page-size="pageSize1" :page-sizes="[10, 20, 30, 40, 50, 100]"
                       layout="sizes, total, prev, pager, next" :total="total1"
                       @current-change="pageIndexChange1" @size-change="handleSizeChange1"
        ></el-pagination> -->
        </el-tab-pane>
        <div slot="footer" class="dialog-footer">
            <el-button @click="showDuchaDialog = false">取消</el-button>
            <el-button :disabled="isEdit" type="primary" @click="saveDucha">保存</el-button>
        </div>
      </el-tabs>
      
    </el-dialog>
    <el-dialog
      title="六项机制填报"
      :visible.sync="showaddaz"
      width="30%"
      center
      loading="expLoading"
      @close="clearLabel"
    >
    <el-form :model="formObj" :label-width="formLabelWidth" :rules="rules" style="padding: 20px;">
          <el-form-item label="查找机制">
             <el-radio v-model="formObj.search" label="1">是</el-radio>
            <el-radio v-model="formObj.search" label="2">否</el-radio>
            <i v-if="formObj.search == '1'" @click="savePic('search')" class="el-icon-upload2"></i>
            <img v-if="downList.searchUrl" :src="downList.searchUrl" style="margin-left:3%;width:40px;height:40px;cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:4px;vertical-align:middle;" @click="downloadFile(downList.searchUrl)" title="点击下载" />
          </el-form-item>
          <el-form-item label="研判机制">
             <el-radio v-model="formObj.judgment" label="1">是</el-radio>
            <el-radio v-model="formObj.judgment" label="2">否</el-radio>
            <i v-if="formObj.judgment == '1'" @click="savePic('judgment')" class="el-icon-upload2"></i>
            <img v-if="downList.judgmentUrl" :src="downList.judgmentUrl" style="margin-left:3%;width:40px;height:40px;cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:4px;vertical-align:middle;" @click="downloadFile(downList.judgmentUrl)" title="点击下载" />
          </el-form-item>
          <el-form-item label="预警机制">
             <el-radio v-model="formObj.earlyWarning" label="1">是</el-radio>
            <el-radio v-model="formObj.earlyWarning" label="2">否</el-radio>
            <i v-if="formObj.earlyWarning == '1'" @click="savePic('earlyWarning')" class="el-icon-upload2"></i>
            <img v-if="downList.earlyWarningUrl" :src="downList.earlyWarningUrl" style="margin-left:3%;width:40px;height:40px;cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:4px;vertical-align:middle;" @click="downloadFile(downList.earlyWarningUrl)" title="点击下载" />
          </el-form-item>
          <el-form-item label="防范机制">
             <el-radio v-model="formObj.prevention" label="1">是</el-radio>
            <el-radio v-model="formObj.prevention" label="2">否</el-radio>
            <i v-if="formObj.prevention == '1'" @click="savePic('prevention')" class="el-icon-upload2"></i>
            <img v-if="downList.preventionUrl" :src="downList.preventionUrl" style="margin-left:3%;width:40px;height:40px;cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:4px;vertical-align:middle;" @click="downloadFile(downList.preventionUrl)" title="点击下载" />
          </el-form-item>
          <el-form-item label="处置机制">
             <el-radio v-model="formObj.disposal" label="1">是</el-radio>
            <el-radio v-model="formObj.disposal" label="2">否</el-radio>
            <i v-if="formObj.disposal == '1'" @click="savePic('disposal')" class="el-icon-upload2"></i>
            <img v-if="downList.disposalUrl" :src="downList.disposalUrl" style="margin-left:3%;width:40px;height:40px;cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:4px;vertical-align:middle;" @click="downloadFile(downList.disposalUrl)" title="点击下载" />
          </el-form-item>
          <el-form-item label="责任机制">
             <el-radio v-model="formObj.responsibility" label="1">是</el-radio>
            <el-radio v-model="formObj.responsibility" label="2">否</el-radio>
            <i v-if="formObj.responsibility == '1'" @click="savePic('responsibility')" class="el-icon-upload2"></i>
            <img v-if="downList.responsibilityUrl" :src="downList.responsibilityUrl" style="margin-left:3%;width:40px;height:40px;cursor:pointer;object-fit:cover;border:1px solid #eee;border-radius:4px;vertical-align:middle;" @click="downloadFile(downList.responsibilityUrl)" title="点击下载" />
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="showaddaz = false">取消</el-button>
            <el-button v-if="!isadd" type="primary" @click="saveEditax">保存</el-button>
            <el-button v-if="isadd" type="primary" @click="saveAddax">保存</el-button>
        </div>
    </el-dialog>
      <!-- 文件上传组件 -->
      <el-upload
        ref="upload"
        class="upload-demo"
        :action="uploadUrl"
        :on-success="handleUploadSuccess"
        :on-error="handleUploadError"
        :file-list="fileList"
        :auto-upload="false"
        :show-file-list="true"
        style="display: none;"
      >
        <el-button size="small" type="primary">点击上传</el-button>
        <div slot="tip" class="el-upload__tip">可以上传任意类型文件</div>
      </el-upload>
  </div>
</template>

<script>
    import request from '../../utils/gw_ajax_request.js'
    import {dateFormat} from '../../utils/gw_date.js'
    import {getSKList_xsk ,getrgstrIdObject,deleteXSKByObjId,deleteObjByObjId,getList_bzhgd,getrgstrIdObject_jsztfh,getrgstrIdObject_bzhgd_state} from "../../api/duChaTianBao.js";
    import addvSearch from "@widget/addvSearch.vue"
    import provTreeList from "../../widgets/provTreeList.vue";
    import bzhgdTab from "../duChaTianBao/bzhgdTab.vue"
    import {curAdcode_short,curAdcode_long} from '@util/global_variable.js'
    import {fillColum} from './jieshuizaitifuhe/forDifferentProvince.js'
    import { exportModel } from "@util/gw_exportModel";

    export default {
        components: {
            provTreeList: provTreeList,
            bzhgdTab:bzhgdTab,
            addvSearch
        },
        props: [],

        data() {
            return {
                formObj: {},
                aztbDataList: [],
                pageIndex1:1,
                pageSize1:20,
                showaddaz:false,
                total1:0,
                openType:false,
                tabType:"0",//0全部数据，1当前数据，2历史数据
                dateRange:[],
                yearLx:'',
                lyjg:[],
                downList:{},
                downListInfo:[],
                utTypeL:[
                    {id:'1',name:'企业'},
                    {id:'2',name:'机关'},
                    {id:'3',name:'学校'},
                    {id:'4',name:'2019整改'},
                    {id:'5',name:'政府机关'}
                ],
                utPptL:[
                    {id:'1',name:'节水型'},
                    {id:'2',name:'非节水型'}
                ],
                depName:"",
                wintCode:"",
                engScale:'',
                orgName:'',
                groupName:'',
                isEdit:false,
                groupId:'',
                groups:[],
                isadd:false,
                // sttm:'',
                // ettm:'',
                adName:'',
                treeData:[],
                dxdcMainHeight: window.innerHeight - 304,
                testHeight: window.innerHeight - 111,
                skDataList: [],
                pageIndex:1,
                pageSize:20,
                total:0,
                tableHeight:0,
                uploadId:'',
                currentResCode:'',
                currentResName:'',
                currentObjectId:'',
                currentObjectRgstrId:'',
                currentObjectInfoObject:null,
                showShuiKuTianBao:false,
                currentAdCode:'',
                currentNodeId:'',
                rsvrName:'',
                dcType:'',
                expLoading:false,
                rowData:'',
                disabled:true,
                showShuiKuTianBaoPl:false,
                downIcon:'el-icon-download',
                insuranceFormId: '', // 当前编辑的安责险记录ID
                expLoading:false,
                //
                repeatId: '',
                showDuchaDetails: false,
                zerenrenLabel: '"三个责任人"落实情况',
                pType: 130,
                fillTableData: [],   //根据不同省份赋值
                xskInfoDialog: false,
                currentDuchaTpe: false,
                currentRsCode: '',
                xskRgstrId:'',
                currentObjId:'',
                currentRsName:'',
                endTime: '',
                curTime: new Date().getTime(),
                flage: false,
                isDateRange:false,
                uploadUrl: '/file/insert', // 上传接口地址
                fileList: [],
                currentUploadType: '',
                uploadFiles: {}, 
                // 督查弹窗相关
                showDuchaDialog: false,
                activeTab: 'basicInfo',
                duchaForm: {
                name: '',
                adName: '',
                groupName: '',
                intm: ''
                },
                insuranceForm: {
                }
            };
        },
        computed: {
            persId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "1098101939614724096";
            },
            isAdmin:function(){
                return localStorage.getItem("isAdmin")? localStorage.getItem("isAdmin"): ''
            },
            currentRlcode(){
                return localStorage.getItem('currentRlcode') ? localStorage.getItem('currentRlcode') : ''
            },
            isJiangXi(){
                return this.currentRlcode.indexOf('36') == '0' ? true :false
            },
            curAdcode_short(){
                return curAdcode_short
            },
            curAdcode_long(){
                return curAdcode_long
            }
        },
        mounted() {
            this.$nextTick(function () {
                this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50;
                let _self = this;
                window.onresize = function() {
                    _self.tableHeight = window.innerHeight - _self.$refs.table.$el.offsetTop - 50
                }
            })
            this.getSkDataList();
            this.getAllGroup();
        },
        activated(){
            this.getLeftTreeData();
            this.currentNodeId = "";
            this.rsvrName = "";
            this.dcType = "";
            this.getSkDataList();
        },
        watch: {
            currentNodeId(n,o){
                this.getSkDataList();
            },
            groupName(n,o){
                if(n==''){
                    this.groupId = '';
                }
            },
            // endTime(n,o){
            //     this.flage = this.endTime ? (eval(this.endTime) < eval(this.curTime) ? true : false) : false
            // }
        },

        methods: {
            saveDe(){
                if(this.duchaForm.status == '已建' && !this.duchaForm.managementUnit){
                    this.$message.error('请输入管理单位');
                    return;
                }
                if(this.duchaForm.status == '在建' && !this.duchaForm.startDate){
                    this.$message.error('请输入开工令签发时间');
                    return;
                }
                this.duchaForm.businessType = '2'
                delete this.duchaForm.uptm
                request.post('/att/project/insurance/update',this.duchaForm).then((res)=>{
                    if(res.success){
                        this.$message.success('保存成功');
                        this.showDuchaDialog = false;
                        this.toAddMember(this.rowData);
                    }else{
                        this.$message.error(res.message);
                    }
                })
            },
            async downloadFile(url){
                console.log(url)
                console.log(this.downListInfo)
                 let downloadName = ''
                this.downListInfo.forEach((item)=>{
                    if(item.filePath === url){
                        let downloadName =  item.fileName
                    }
                })
                let url1 = url
                let type = "get";
                await exportModel(type,url1,downloadName);
            },
            savePic(type){
                // 保存当前上传类型
                this.currentUploadType = type;
                // 触发文件选择对话框
                if (this.$refs.upload && this.$refs.upload.$refs.input) {
                    this.$refs.upload.$refs.input.click();
                } else {
                    // 如果上传组件不存在，创建一个临时的文件输入元素
                    const input = document.createElement('input');
                    input.type = 'file';
                    // input.accept = 'image/*';
                    input.style.display = 'none';
                    input.onchange = (e) => {
                        if (e.target.files && e.target.files[0]) {
                            const file = e.target.files[0];
                            this.uploadFiles[type] = file;
                            // 更新文件列表
                            this.fileList.push({
                                name: file.name,
                                url: URL.createObjectURL(file)
                            });
                            this.$message.info('文件已选择，请点击保存按钮上传');
                        }
                        document.body.removeChild(input);
                    };
                    document.body.appendChild(input);
                    input.click();
                }
            },
            // 处理文件选择
            handleFileChange(file, fileList){
                // 存储选择的文件
                if (this.currentUploadType) {
                    this.uploadFiles[this.currentUploadType] = file.raw;
                }
                this.fileList = fileList;
            },
            // 处理上传成功
            handleUploadSuccess(response, file, fileList){
                this.$message.success('上传成功');
                // 这里可以根据需要处理上传成功后的逻辑
                // 例如更新表单数据或显示上传的图片
                console.log('上传成功:', response, this.currentUploadType);
            },
            // 处理上传失败
            handleUploadError(err, file, fileList){
                this.$message.error('上传失败，请重试');
                console.error('上传失败:', err);
            },
            saveEditax(){
                this.expLoading = true;
                request.post('/bis/insp/sixme/record/update',this.formObj).then((res)=>{
                    if(res.success){
                        this.uploadFilesFn().then(() => {
                            this.$message.success('保存成功');
                            this.showaddaz = false;
                            this.toAddMember(this.rowData);
                            this.expLoading = false;
                        }).catch(() => {
                            this.expLoading = false;
                            this.$message.success('基本信息保存成功，但文件上传失败');
                            this.showaddaz = false;
                            this.toAddMember(this.rowData);
                        });
                    }else{
                        this.$message.error(res.message);
                    }
                })
            },
            saveAddax(){
                var par = this.formObj;
                par.rgstrId = this.rowData.rgstrId;
                par.persId = this.persId;
                // 先保存基本信息
                this.expLoading = true;
                request.post('/bis/insp/sixme/record/add',par).then((res)=>{
                    if(res.success){
                        // 然后上传文件
                        this.uploadId = res.data.id;
                        this.uploadFilesFn().then(() => {
                            this.expLoading = false;
                            this.$message.success('保存成功');
                            this.showaddaz = false;
                            this.toAddMember(this.rowData);
                        }).catch(() => {
                            this.expLoading = false;
                            this.$message.success('基本信息保存成功，但文件上传失败');
                            this.showaddaz = false;
                            this.toAddMember(this.rowData);
                        });
                    }else{
                        this.$message.error(res.message);
                    }
                })
            },
            // 上传文件方法
            uploadFilesFn() {
                return new Promise((resolve, reject) => {
                    // 检查是否有文件需要上传
                    const uploadPromises = [];
                    
                    for (const type in this.uploadFiles) {
                        const file = this.uploadFiles[type];
                        if (file) {
                            // 创建FormData对象
                            const formData = new FormData();
                            formData.append('file', file);
                            formData.append('bizType', type);
                            formData.append('bizId', this.uploadId);
                            if(!this.isadd){
                                formData.append('id', this.formObj.id);
                            }
                            // 上传文件
                            uploadPromises.push(
                                request.post('/file/insert', formData, {
                                    headers: {
                                        'Content-Type': 'multipart/form-data'
                                    }
                                })
                            );
                        }
                    }
                    
                    if (uploadPromises.length > 0) {
                        Promise.all(uploadPromises)
                            .then(results => {
                                console.log('所有文件上传成功:', results);
                                resolve();
                            })
                            .catch(err => {
                                console.error('文件上传失败:', err);
                                reject(err);
                            });
                    } else {
                        // 没有文件需要上传，直接 resolve
                        resolve();
                    }
                });
            },
            async editAx(row){
                this.downList = {}
                await request.post('/file/findAllFile',{bizId:row.id}).then((res)=>{
                   var a = JSON.parse(JSON.stringify(res.data));
                   this.downListInfo = a
                   a.forEach((item)=>{
                       if(item.bizType==='search'){
                           this.downList.searchUrl = '/pdcApi' + item.filePath;
                       } else if(item.bizType==='judgment'){
                           this.downList.judgmentUrl = '/pdcApi' + item.filePath;
                       } else if(item.bizType==='earlyWarning'){
                           this.downList.earlyWarningUrl = '/pdcApi' + item.filePath;
                       } else if(item.bizType==='prevention'){
                           this.downList.preventionUrl = '/pdcApi' + item.filePath;
                       } else if(item.bizType==='disposal'){
                           this.downList.disposalUrl = '/pdcApi' + item.filePath;
                       } else if(item.bizType==='responsibility'){
                           this.downList.responsibilityUrl = '/pdcApi' + item.filePath;
                       }
                   })
                })
                this.showaddaz = true;
                this.isadd = false;
                this.formObj = row;
            },
            initScore(row){
               if(row.total==null || row.total==0){
                  return 0.00;
               }else{
                  return ((row.standardScore==null?0:row.standardScore)/(row.total) * 100).toFixed(2);
               }
            },
            clearLabel(){
                this.formObj = {
                }
            },
            tabChange(tabType){
                this.tabType = tabType;
                this.currentNodeId = "";
                this.groupName = "";
                this.groupId = "";
                this.getAllGroup();
                this.getLeftTreeData();
                // this.getSkDataList();
            },
            //获取所有的组
            getAllGroup(){
                var _self = this;
                request.get('/dc/user/getGroupByPersid',{params:{'persid':this.persId,'ptype':'130','tabType':this.tabType}}).then((res)=>{
                    if(res.success){

                        _self.groups = res.data;
                    }
                })
            },
            querySearchAsync(queryString, cb) {
                var restaurants = this.groups;
                var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;

                clearTimeout(this.timeout);
                this.timeout = setTimeout(() => {
                    cb(results);
                }, 1500 * Math.random());
            },
            createStateFilter(queryString) {
                return (state) => {
                    return (state.nm.toLowerCase().indexOf(queryString.toLowerCase()) != -1);
                };
            },
            handleSelect(item) {
                console.log(item);
                this.groupId = item.id;
            },
            getLeftTreeData(){
                var _self = this;
                _self.lyjg = [];
                request.get('/dc/organization/base/getAllNode',{params:{'userId':this.persId,'orgType':'130','tabType':this.tabType}}).then((res)=>{
                    let data = res.data
                    data.forEach(ele => {
                        if(ele.pid == null || ele.pid == ''){
                            ele.pid = '130'
                        }
                        if(ele.id.length == 6){
                            _self.lyjg.push(ele);
                        }
                    });
                    data = _self.getTrees(data)

                    _self.currentNodeId = data.length>0?data[0].id:"";
                    // _self.isDateRange = this.getBoolDate(data[0].sttm,data[0].entm);
                    // _self.flage = _self.isDateRange;
                    _self.treeData = data;
                    // _self.endTime = data[0]['entm']
                })
            },
            getBoolDate(sttm,entm){
                if(sttm<new Date().getTime() && new Date().getTime()<entm){
                    return true;
                }else if(sttm==null || entm==null){
                    return true;
                }
                return false;
            },
            clearForm(){
                this.activeTab = 'basicInfo';
                this.insuranceForm = {
                    
                };
                this.duchaForm = {

                }
            },
            //格式化树形数据
            getTrees(list) {
                //@wxcwater重写方法 适应多个树
                let highLevelLength = 99;//预设最大节点id长度，目前最大应该为12，所以设置为99保证正常
                let _self =this;
                list.forEach((item,index)=>{
                    item['pidLength'] = item.pid&&item.pid!=''?item.pid.length:0;
                    if(highLevelLength>item.pidLength){
                        highLevelLength = item.pidLength;
                    }
                });
                console.log(highLevelLength);
                let heightLevelNode = [];
                list.forEach((item,index)=>{

                    if(highLevelLength>=item.pidLength){
                        heightLevelNode.push(item);
                    }
                });

                list.forEach((item,index)=>{
                    heightLevelNode.forEach((pItem)=>{
                        _self.addTreeNode(pItem,item);
                    });

                });
                console.log(heightLevelNode);
                return heightLevelNode;
            },

            addTreeNode:function(treeNode,leafNode){
                let _self = this;
                if(!treeNode.hasOwnProperty('children')){
                    treeNode['children'] = [];
                }
                if(leafNode.pid == treeNode.id){
                    treeNode.children.push(leafNode);
                    return;
                }
                treeNode.children.forEach((item) => {
                    _self.addTreeNode(item,leafNode);
                });
            },
            treeNodeClickHandler:function(data,node,tree){
                // this.endTime = data['entm']
                this.currentNodeId = data.id;
                if(this.currentNodeId.length==12){
                    this.groupId = data.id;
                    this.groupName = data.pnm;
                }
                // this.isDateRange = this.getBoolDate(data.sttm,data.entm);
                // this.flage = this.isDateRange;
            },
            provTreeSelectChangeHandler:function(params){
                this.currentAdCode = params.likeCode;
                this.getSkDataList();
            },
            formatDate(row,column){
                if(row.uptm){
                    return (dateFormat(row.uptm,'yyyy-MM-dd'));
                }
            },
            formatEngScal(row,column){
                let engScal = row.engScal;
                let _engScal = '其他';
                switch (engScal) {
                    case '1' : _engScal = '大（1）型';break;
                    case '2' : _engScal = '大（2）型';break;
                    case '3' : _engScal = '中型';break;
                    case '4' : _engScal = '小（1）型';break;
                    case '5' : _engScal = '小（2）型';break;
                    case '9' : _engScal = '其他';break;
                }
                return _engScal;
            },
            getSkDataList:function(){
                let paramStartDate = '';
                let paramEndDate = '';
                if(this.dateRange&&this.dateRange.length>1&&this.dateRange[0]!=''&&this.dateRange[1]!=''){
                    paramStartDate = this.dateRange[0];
                    paramEndDate = this.dateRange[1];
                }
                let paramsData = {
                    'presId': this.persId,
                    "pType": "130",
                    year:this.yearLx,
                    "pageSize": this.pageSize,
                    'pageNum': this.pageIndex,
                    'id': this.currentNodeId,
                    'nm': this.depName,
                    'state': this.dcType,
                    'adName': this.adName,
                    'sttm': paramStartDate,
                    'entm': paramEndDate,
                    'riverId': this.orgName,
                    'wintCode': this.wintCode,
                    'groupId': this.groupId,
                    'tabType': this.tabType
                }
                if(this.currentRlcode.indexOf('36') == '0'){
                    paramsData['repeatId'] = this.repeatId
                }
                this.expLoading = true;
                request.post('/bis/insp/sixme/rgstr/findPage',paramsData).then((res) => {
                    if (res.success) {
                        this.skDataList = res.data.list;
                        this.total = res.data.total;
                        this.expLoading = false;
                    } else {
                        
                    }
                });
                // getList_bzhgd(paramsData).then(
                //     (res) => {
                //         console.log(res);
                //         res.data.list.forEach((item)=>{
                //             if(item.intm){
                //                 item.intm1 = dateFormat(item.intm,'yyyy-MM-dd');
                //             }
                //         })
                //         this.skDataList = res.data.list;
                //         this.total = res.data.total;
                //         this.expLoading = false;
                //         this.$nextTick(() => {
                //             this.$refs.table.doLayout();
                //         });
                //     }
                // );
            },
            onSubmit(){
                this.getSkDataList();
            },
            skCancelHandler() {
                this.xskInfoDialog = false
            },
            toCheck(rowData){
                this.toAddMember(rowData);
                var _self = this;
                this.rowData = rowData;
                // ;
                console.log(rowData);
                // getrgstrIdObject(rowData.code,rowData.objId,_self.pageIndex).then(
                //   (res) =>{
                //     console.log(res);
                _self.currentResCode =  this.rowData.code;
                _self.currentObjectId = this.rowData.objId;
                _self.currentObjectRgstrId = this.rowData.rgstrId;
                _self.currentResName = this.rowData.nm;
                _self.showShuiKuTianBao = true;
                _self.openType = false;
                
            },
            add(rowData){
                this.isEdit = false;
                this.toAddMember(rowData)
            },
            getDe(rowData){
                this.isEdit = true;
                this.toAddMember(rowData)
            },
            toAddMember(rowData){
                this.rowData = rowData;
                var paramsData = {
                    rgstrId: rowData.rgstrId
                }
                request.post('/bis/insp/sixme/record/list',paramsData).then((res) => {
                    if (res.success) {
                        this.aztbDataList = res.data.list;
                        this.total1 = res.data.total;
                    } else {
                        
                    }
                });
                request.get(`/bis/insp/sixme/rgstr/getBase/${rowData.rgstrId}`).then((res)=>{
                    if(res.success){
                        this.duchaForm = res.data
                    }else{
                        
                    }
                });
                // 显示弹窗
                this.showDuchaDialog = true;
            },
            saveTb() {
                console.log(this.insuranceForm);
                var par = this.insuranceForm;
                par.rgstrId = this.rowData.rgstrId;
                par.id = this.insuranceFormId?this.insuranceFormId:'';
                request.post('/bis/insp/sixme/rgstr/addRecord', par).then((res) => {
                    if (res.success) {
                        this.$message.success('保存成功');
                    } else {
                        this.$message.error(res.message);
                    }
                });
            },
            cancelHandler(){
                this.showShuiKuTianBao = false;
            },
            addShuiKuSuccess(){
                this.getSkDataList();
            },
            delAx(row){
                this.$confirm('确认删除吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/sixme/record/delete/${row.id}`).then((res)=>{
                        if(res.success){
                            this.$message.success('删除成功');
                            this.toAddMember(this.rowData);
                        }else{
                            this.$message.error(res.message)
                        }
                    });
                }).catch(() => {

                });
            },
            deleteMember(obj){
                var _self = this;
                this.$confirm('此操作将督查对象从列表中删除，确认删除该对象吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.get(`/supervision/plan/cleanObjDataByObjId?objType=130&objId=${obj.objId}`).then((res)=>{
                        if(res.success){
                            _self.pageIndexChange();
                            _self.$message.success('删除成功')
                        }else{
                            _self.$message.error(res.message)
                        }
                    });
                }).catch(() => {

                });

            },
            revoke(rowData){
                var _self = this;
                this.$confirm('确定要撤销当前信息吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    let formObj = {
                        "rgstrId":rowData.rgstrId,
                        "state":"1"
                    }
                    request.post('/bis/insp/ststn', formObj).then((res) => {
                        if (res.success) {
                            _self.addShuiKuSuccess();
                            _self.$message.success("提交成功");
                        } else {
                            _self.cancelHandler();
                        }
                    });
                }).catch(() => {

                });
            },
            submitHandler(rowData){
                var _self = this;
                getrgstrIdObject_bzhgd_state(rowData.rgstrId).then(
                    (res) =>{
                        // if(res.data.sceneState !='2'){
                        //     this.$message({
                        //         message: '施工现场布置状态填报未完成！',
                        //         type: 'warning'
                        //     });
                        //     return
                        // }
                        // if(res.data.tmprState !='2'){
                        //     this.$message({
                        //         message: '临时工程状态填报未完成！',
                        //         type: 'warning'
                        //     });
                        //     return
                        // }
                        // if(res.data.safState !='2'){
                        //     this.$message({
                        //         message: '安全文明施工填报未完成！',
                        //         type: 'warning'
                        //     });
                        //     return
                        // }
                        this.$confirm('请确认所有信息填报完毕？', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            let formObj = {
                                "rgstrId":rowData.rgstrId,
                                "state":"2"
                            }
                            request.post('/bis/insp/ststn', formObj).then((res) => {
                                if (res.success) {
                                    _self.addShuiKuSuccess();
                                    _self.$message.success("提交成功");
                                } else {
                                    _self.cancelHandler();
                                }
                            });
                        }).catch(() => {

                        });
                    },(err) =>{

                    });

            },
            pageIndexChange(val){
                console.log(val);
                this.pageIndex = val;
                this.getSkDataList();
            },
            handleSizeChange(val){
                this.getSkDataList();
            },
            pageIndexChange1(val){
                this.pageIndex1 = val;
                this.toAddMember(this.rowData);
                this.activeTab = 'aztb';
            },
            handleSizeChange1(val){
                this.pageSize1 = val;
                this.toAddMember(this.rowData);
                this.activeTab = 'aztb';
            },
            // 下载填报模板
            async downloadTemplate(){
                let url = '/pdcApi/dc/impExcel/downloadTemplate/sk?userId='+this.persId+'&id='+this.currentNodeId;
                let downloadName =  "小水库填报模板.xls";
                let type = "get";
                await exportModel(type,url,downloadName);
                this.disabled = false;
            },
            showPlDialog(){
                this.showShuiKuTianBaoPl = true
            },
            closePlDialog(val){
                this.showShuiKuTianBaoPl = false
            },
            // 新需求  点击复查显示以前的督查信息
            toShowDuchaDetail(row){
                this.currentResCode =  row.code;
                this.currentObjectId = row.objId;
                this.currentObjectRgstrId = row.rgstrId;
                this.currentResName = row.nm;
                this.showDuchaDetails = true
            },
            closeInfoDialog(){
                this.showDuchaDetails = false
            },
            // 加入复查
            joinRecheck(row){
                let _self = this
                let data = {
                    regerId: row.rgstrId,
                    type: '130'
                }
                this.$confirm('确定加入复查吗？', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    request.post(`/bis/insp/repeat/check/log`, data).then((res)=>{
                        if(res.success){
                            _self.$message.success('已加入复查')
                            _self.getSkDataList();
                        }else{
                            _self.$message.error(res.message)
                        }
                    }).catch(err=>{
                        _self.$message.error(res.message)
                    });
                }).catch(() => {

                });
            }

        },

    };
</script>

<style>
  .skactive{
    background: #3f8eff !important;
    color:white !important;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .sknormal{
    background: white;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
  #dxdcListMainsk{
    overflow-y: hidden;
  }
  .tab-content {
    padding: 20px 0;
  }
  .dialog-footer {
    text-align: center;
  }
  .el-icon-upload2,.el-icon-circle-plus{
      color: #00bbff;
      font-size: 18px;
      line-height: 12px;
      vertical-align: middle;
      cursor: pointer;
    }
</style>