fj-dc-ui/.svn/pristine/de/de8374a9cb344b2199cd63d7e4bb9a7948ecde82.svn-base

<template>
    <div style="height:100%;width:100%;">
        <!-- <h3 style="text-align: center;margin: 10px 0 20px;">{{title}}</h3> -->
        <el-container style="height:100%;width:100%;">
          <el-aside width="25%" :height="asideHeight">
              <div :style="{'height': asideHeight + 'px','overflow': 'auto'}" class="left_tree">
                <el-card class="box-card" style="min-height: 99%;" id="headerBtn">
                  <div slot="header" class="clearfix">
                    <div style="width: 100%;text-align: center;">
                      <el-button size="mini" :class="tabType==1 ? 'c_active' : 'c_normal'" @click="tabChange('1')">当前数据</el-button>
<!--                      <el-button size="mini" :class="tabType==2 ? 'c_active' : 'c_normal'" @click="tabChange('2')">历史数据</el-button>-->
                      <el-button size="mini" :class="tabType==0 ? 'c_active' : 'c_normal'" @click="tabChange('0')">全部数据</el-button>
                    </div>
                    <span style="line-height: 30px;">工程信息</span>
                        <!--<el-button style="float: right; padding: 3px 0" type="text" @click="batchImport" v-if="ownPriv('manage')">批量导入</el-button>-->
                        <!--&lt;!&ndash; 水利工程基础信息批量导入弹窗 &ndash;&gt;-->
                        <!--<slgc-tian-bao-pl v-if="showGongChengTianBaoPl" @closePlDialog="closePlDialog"></slgc-tian-bao-pl>-->
                    </div>
                    <el-row>
                      <el-input
                        clearable
                        placeholder="输入关键字进行过滤"
                        v-model="filterText">
                      </el-input>
                    </el-row>
                    <el-tree
                      class="filter_tree"
                      :data="treeDataLists"
                      :props="defaultProps"
                      :filter-node-method="filterNode"
                      node-key="id"
                      :expand-on-click-node="false"
                      @node-click = 'treeNodeClickHandler'
                      ref="tree2">
                      <span class="custom-tree-node" slot-scope="{ node, data }">
                        <span>{{ node.label }}</span>
                        <span v-if="!data.children">
                          <el-button
                            type="text"
                            size="mini"
                            @click.stop="toCorrect(data,node)">
                            纠错
                          </el-button>
                          <el-button
                            type="text"
                            size="mini"
                            @click="() => delete_biaoDuan(data,node)">
                            删除
                          </el-button>
                        </span>
                        </span>
                    </el-tree>
                  </el-card>
              </div>
          </el-aside>
          <el-main id="dxdcListMainsk" style="width: 75%;padding:0px 10px;">
              <div class="flex_wrapper">
                  <!-- 工程问题清单 -->
                <project-problem villType="11" :currentRow="currentRow" :unitProblemInfo="unitProblemInfo" ref="ydb" :tabType="tabType"></project-problem>
              </div>
          </el-main>
        </el-container>
        <!-- 工程纠错 -->
        <el-dialog :title="'基本信息纠错'" :visible.sync="correct_Dialog" class="fec_form" width="70%">
            <div style="text-align: right; margin-bottom: 10px;">
              <el-button type="warning" @click="imageClick">影像</el-button>
              <el-button type="warning" @click="recentAppearance">近期面貌</el-button>
            </div>
            <el-form label-width="250px" class="form" ref="projectFrom"
                     :rules="rules1"
                     :model="project">
              <!--<div class="form">-->
                <!--<div class="form-left">-->
                <el-col :span="12">
                  <el-form-item label="淤地坝工程名称" prop="sdName">
                    <el-input v-model="project.sdName" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="淤地坝工程代码" required>
                    <el-input v-model="project.sdCode" clearable readonly></el-input>
                  </el-form-item>
                  <el-form-item label="淤地坝工程类型" prop="sdType">
                      <el-input v-model="project.sdType" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="行政区划">
                    <div v-if="showLocSelect">
                      <el-select v-model="provName" placeholder="选择省" @change="provChange" style="width:25%">
                        <el-option
                          v-for="item in provList"
                          :key="item.adCode"
                          :label="item.adName"
                          :value="item.adCode">
                        </el-option>
                      </el-select>
                      <el-select v-model="cityName" placeholder="选择市" @change="cityChange" style="width:25%">
                        <el-option
                          v-for="item in cityList"
                          :key="item.adCode"
                          :label="item.adName"
                          :value="item.adCode">
                        </el-option>
                      </el-select>
                      <el-select v-model="countryName" placeholder="选择县" @change="countryChange" style="width:25%">
                        <el-option
                          v-for="item in countryList"
                          :key="item.adCode"
                          :label="item.adName"
                          :value="item.adCode">
                        </el-option>
                      </el-select>
                      &#x3000;<span v-if="showLocSelect" @click="showLocSelect = false" style="color: #009fff;font-size:12px;cursor:pointer">取消</span>
                    </div>
                    <div v-else>
                      <el-input v-model="project.adFullName" readonly autocomplete="off" style="width:80%;"></el-input>&#x3000;<span @click="showLocSelect = true" style="color: #009fff;font-size:12px;cursor:pointer">更改</span>
                    </div>
                  </el-form-item>
                  <el-form-item label="淤地坝所在位置" prop="sdLoc">
                    <el-input v-model="project.sdLoc" clearable></el-input>
                  </el-form-item>

                  <el-form-item label="结构组成" prop="sdTypeStr">
                    <el-input v-model="project.sdTypeStr" clearable></el-input>
                  </el-form-item>
                  <el-form-item label="总库容" prop="totCap">
                    <el-input v-model="project.totCap" :maxlength="10">
                      <template slot="append">万m³</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="防洪库容" prop="flcoCap">
                    <el-input v-model="project.flcoCap" :maxlength="10">
                      <template slot="append">万m³</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="拦泥库容" prop="sdrCap">
                    <el-input v-model="project.sdrCap" :maxlength="10">
                      <template slot="append">万m³</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="已淤库容" prop="warpCap">
                    <el-input v-model="project.warpCap" :maxlength="10">
                      <template slot="append">万m³</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="控制面积" prop="conArea">
                    <el-input v-model="project.conArea" :maxlength="10">
                      <template slot="append">k㎡</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="防洪标准" prop="flcoYear">
                    <el-input v-model="project.flcoYear" clearable>
                      <template slot="append">年</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="坝高" prop="damSizeHig">
                    <el-input v-model="project.damSizeHig" :maxlength="7">
                      <template slot="append">m</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="坝顶长" prop="damTopLen">
                    <el-input v-model="project.damTopLen" :maxlength="8">
                      <template slot="append">m</template>
                    </el-input>
                  </el-form-item>
                  <el-form-item label="经度" prop="centerX">
                    <el-input v-model="project.centerX" clearable :maxlength="18">
                    </el-input>
                  </el-form-item>
                  <el-form-item label="纬度" prop="centerY">
                    <el-input v-model="project.centerY" clearable :maxlength="17">
                    </el-input>
                  </el-form-item>
                  </el-col>
                <el-col :span="12">
                  <el-form-item label="是否威胁下游安全需增设溢洪道">
                    <el-select v-model="project.asinttds" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否坝体-滑坡塌陷">
                    <el-select v-model="project.damLandSubSide" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否坝体-管涵渗漏">
                    <el-select v-model="project.damLopc" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否坝体-冲缺冲沟">
                    <el-select v-model="project.damRsog" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否坝体-裂缝">
                    <el-select v-model="project.damTear" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否放水建筑物-卧管竖井">
                    <el-select v-model="project.dsLts" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否放水建筑物-涵洞涵管">
                    <el-select v-model="project.dsCc" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否放水建筑物-明渠">
                    <el-select v-model="project.dsOc" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否泄洪建筑物-损毁">
                    <el-select v-model="project.frsMar" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否泄洪建筑物-其他">
                    <el-select v-model="project.frsOth" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否泄洪建筑物-掏刷悬空">
                    <el-select v-model="project.frsTbd" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                  <el-form-item label="是否库容≧100万m³无溢洪道">
                    <el-select v-model="project.noSpway" clearable>
                      <el-option label="是" value="1"></el-option>
                      <el-option label="否" value="2"></el-option>
                    </el-select>
                  </el-form-item>
                </el-col>
              <!--</div>-->

            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="correct_Dialog = false">取 消</el-button>
                <el-button type="primary" @click="saveCorrect">确 定</el-button>
            </div>
        </el-dialog>
        <!--近期面貌弹窗-->
        <theRecentAppearance v-if="jqmmShow" @jqmmDialogClose="jqmmDialog" :jqmmShow="jqmmShow" :jqmmEngId="jqmmEngId" :dialogTitle="slgcjsName + '近期面貌'"></theRecentAppearance>
        <!--影像弹窗-->
        <el-dialog :title="slgcjsName + '影像'" :visible.sync="imageShow" append-to-body :close-on-click-modal="false" width="60%">
          <div style="height: 60vh;">
            <mapLocation ref="mapRef" v-if="imageShow" :gdX="centerX" :gdY="centerY"></mapLocation>
          </div>
        </el-dialog>
    </div>
</template>

<script>
import request from "../../utils/gw_ajax_request.js";
import { dateFormat } from "../../utils/gw_date.js";
import provTreeList from "../../widgets/provTreeList.vue";
import projectProblem from "./project/projectProblemYuDiBa.vue";
import theRecentAppearance from  '../duChaDuiXiang/theRecentAppearance';
import mapLocation from '../../views/duChaTianBao/mapLocation';
import { getTree } from "../../api/InspectionReport.js";
import {deleteDcdxByObjid} from "../../api/duChaTianBao.js";

export default {
  components: {
    provTreeList: provTreeList,
    projectProblem: projectProblem,
    theRecentAppearance: theRecentAppearance,
    mapLocation:mapLocation
  },
  props: [],

  data() {
    return {
      asideHeight: window.innerHeight - 156,
      tableHeight: window.innerHeight - 256,
      treeDataLists: [],
      defaultProps: {
        children: 'children',
        label: 'pnm'
      },
      // defaultExpanded:[],//树默认展开节点数组
      searchObj:{
        "engScal": '2'
      },
      project: {
        nm: "",
        ptype: "",
        stwktm: "",
        plantm: "",
        estapp: ""
      },
      currentRow: {},
      pageIndex: 1,
      pageSize: 20,
      total: 0,
      dialogType: "添加",
      correct_Dialog: false,
      showProblemDialog: false,
      title: '淤地坝情况检查填报',
      showGongChengTianBaoPl: false,
      waterShedList: [],
      unitList: [],
      biaoduan:{
          nm: '',
          adCode: '',
          orgId: '',
          lgtd: '',
          lttd: ''
      },
      unit:{
          nm: '',
          nature: '',
          government: ''
      },
      natureList: [
          {name: '项目法人(建设单位)',value: '1'},
          {name: '勘察设计单位',value: '2'},
          {name: '监理单位',value: '3'},
          {name: '施工单位',value: '4'},
          {name: '金属结构及机电设备安装单位',value: '5'},
          {name: '安全监测单位',value: '6'},
          {name: '质量检测单位',value: '7'}
      ],
      modeList: [
          {name: '直管',value: '1'},
          {name: '代建',value: '2'}
      ],
      biaoduan_Dialog: false,
      unit_Dialog: false,
      isClicked: true,
      showProblemDialog: false,
      unitProblemInfo: {
        nature: '1'
      },
      jqmmShow: false,
      imageShow: false,
      jqmmEngId: '',
      slgcjsName: '',
      centerX: 0,
      centerY: 0,
      filterText: '',
      provList: [],
      cityList: [],
      countryList: [],
      provName: '',
      cityName: '',
      countryName: '',
      provNames: '',
      cityNames: '',
      countryNames: '',
      curSelectItem: 0,
      showLocSelect: false,
      objId:'',
      rules1: {
        sdName: [
          {
            required: true,
            message: "工程名称不能为空",
            trigger: "blur"
          },
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        sdType: [
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        sdLoc: [
          {
            min: 1,
            max: 512,
            message: "不超过512字符",
            trigger: "blur"
          }
        ],
        sdTypeStr: [
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        totCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        flcoCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        sdrCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        warpCap: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        conArea: [
          {pattern:/^\d{1,7}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前7后2位'}
        ],
        flcoYear: [
          {
            min: 1,
            max: 100,
            message: "不超过100字符",
            trigger: "blur"
          }
        ],
        damSizeHig: [
          {pattern:/^\d{1,4}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前4后2位'}
        ],
        damTopLen: [
          {pattern:/^\d{1,5}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前5后2位'}
        ],
        centerX: [
          {pattern:/^\d{1,9}(\.\d{1,8})?$/, message: '必须为数字且不超小数点前9后8位'}
        ],
        centerY: [
          {pattern:/^\d{1,8}(\.\d{1,8})?$/, message: '必须为数字且不超小数点前8后8位'}
        ],
      },
      supervision: [
        {
          value: "1",
          label: "是"
        },
        {
          value: "0",
          label: "否"
        }
      ],
      tabType:"0"
    };
  },
  computed: {
    persId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "1098101939614724096";
    }
  },
  mounted() {

    // this.getAreaList();
  },
  activated() {
    this.getAreaList();
    this.getTreeData();
  },
  methods: {
    tabChange(tabType){
        this.tabType = tabType;
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.pnm.indexOf(value) !== -1;
    },
    //获取左侧树数据
    getTreeData:function(){
      let _self = this;
      getTree('011','1').then((res)=>{
        // _self.treeDataLists = res.data[0].children;
        _self.treeDataLists = res.data;
        _self.treeDataLists[0].pnm = _self.treeDataLists[0].pnm || '淤地坝督查'
        _self.currentRow = _self.treeDataLists;
        console.log(_self.currentRow);
      });
    },
    //树节点点击事件
    treeNodeClickHandler:function(data,node,tree){
      // if(data.objId){
      //
      // }else{
      //   this.currentRow['']
      // }
      this.currentRow = data;
    },
    // 工程信息纠错
    toCorrect(row,node) {
      this.currentRow = row;
      this.objId = row.objId;
      request.get(`/att/sd/base/crrct/${row.code}/${this.persId}`).then(res => {
        if (res.success) {
          this.project = res.data;
          this.slgcjsName = this.project.sdName;
          this.jqmmEngId = this.currentRow.id;
          this.centerX = this.project.centerX;
          this.centerY = this.project.centerY;
        }
      });
      this.correct_Dialog = true;

    },
    saveCorrect() {
      this.$refs.projectFrom.validate(valid => {
        if (valid) {
          // if(this.project.centerY && this.project.centerX){
          //   if(this.project.centerY < 4 || this.project.centerY > 54){
          //     this.$message.error('纬度的整数范围应在4-54之间，请重新填写！');
          //     this.project.centerY = '';
          //     return;
          //   }
          //   if(this.project.centerX < 74 || this.project.centerX > 136){
          //     this.$message.error('经度的整数范围应在74-136之间，请重新填写！');
          //     this.project.centerX = '';
          //     return;
          //   }
          // }
          this.project.persId = this.persId;
          this.project.objId = this.objId;
          delete this.project.adFullName;
          request.post(`/att/sd/base/crrct`, this.project).then(res => {
            if (res.success) {
              this.$message.success("修改成功");
              this.correct_Dialog = false;
              this.showLocSelect = false;
              // this.getDataList();
            } else {
              this.$message.error(res.message);
            }
          })
            .catch(error => {
              this.$message.error(res.message);
            });
        }
      });

    },
    addRegister(){
      let paramObj = {
        "code": this.currentRow.code,
        "objId": this.currentRow.objId,
        "nodeId": this.currentRow.nodeId,
        "recPersId": this.persId,
        "id": this.currentRow.id
      }
      request.post(`/bis/insp/key/register/add`, paramObj).then(res => {
          if (res.success && res.data) {
            this.currentRow.id = res.data.id
          } else {
            this.$message.error(res.message);
          }
        })
        .catch(error => {
          this.$message.error(res.message);
        });
    },
    formatDate(row, column) {
      if (row.uptm) {
        return dateFormat(row.uptm, "yyyy-MM-dd");
      }
    },
    pageIndexChange(val) {
      this.pageIndex = val;
      this.getDataList();
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.getDataList();
    },
    batchImport(){
      this.showGongChengTianBaoPl = true
    },
    closePlDialog(){
      this.showGongChengTianBaoPl = false
    },
    // 获取省份列表
    getprovList(adCode){
      request.get('/dc/ad/base/getAdData',{params:{'adCode': adCode}}).then(res=>{
        if(res.success){
          this.provList = res.data
        }else{
          this.$message.info(res.message)
        }
      })
    },
    //  近期面貌
    recentAppearance(){
      this.jqmmShow = true;
      // this.jqmmShow += 1;

    },
    jqmmDialog(){
      this.jqmmShow = false;
    },
    //  影像
    imageClick(){
      if(!this.centerX && !this.centerY){
        this.$message.warning('暂无经纬度信息！');
        return false;
      }
      this.imageShow = true;

    },
    provChange(val){
      this.curSelectItem = 1
      this.cityName = ''
      this.countryName = ''
      // this.formObj.admDiv = val
      this.provList.forEach(ele=>{
        if(ele.adCode == this.provName){
          this.provNames = ele.adName
        }
      })
      // this.formObj.location = this.provNames
      this.getAreaList(val)
    },
    cityChange(val){
      this.curSelectItem = 2
      if(val && val != ''){
        // this.formObj.admDiv = val
        this.countryName = ''
        this.cityList.forEach(ele=>{
          if(ele.adCode == this.cityName){
            this.cityNames = ele.adName
          }
        })
        // this.formObj.location = this.provNames + this.cityNames
        this.getAreaList(val)
      }
    },
    countryChange(val){
      if(val && val != ''){
        // this.formObj.admDiv = val
        this.countryList.forEach(ele=>{
          if(ele.adCode == this.countryName){
            this.countryNames = ele.adName
          }
        })
        // this.formObj.location = this.provNames + this.cityNames + this.countryNames
        this.getAreaList(val)
      }
    },
    getAreaList(val){
      let adCode = ''
      if(!val){
        adCode = '000000000000'
      }else{
        adCode = val
      }
      this.project.adCode = adCode;
      request.get('/dc/ad/base/getAdData',{params:{'adCode':adCode}}).then(res=>{
        if(res.success){
          if(this.curSelectItem == 1){
            this.cityList = res.data
          }else if(this.curSelectItem == 2){
            this.countryList = res.data
          }else{
            this.provList = res.data
          }
          console.log(this.provList);

          request.post(`/att/bas/base/list`,{}).then(res =>{
            if(res.success){
              this.gcType = res.data;
            }
          })

        }
      })
    },
    delete_biaoDuan(row,node){
      this.$confirm('确认删除当前工程吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteDcdxByObjid(row.objId,11).then(
          res => {
            if(res.success){
              this.$message({
                type: 'success',
                message: '删除成功!'
              });
              const parent = node.parent;
              const children = parent.data.children || parent.data;
              const index = children.findIndex(d => d.id === row.id);
              children.splice(index, 1);
            };
          }
        );
      }).catch(() => {
      });
    }
  },
  watch:{
    filterText(val) {
      this.$refs.tree2.filter(val);
    },
    showLocSelect(val){
      if(!val){
        this.provName = ''
        this.cityName = ''
        this.countryName = ''
      }
    }
  },
  filters: {
    pType(val) {
      if (val != "0" && !val) {
        return "";
      }
      if (val == "0") {
        return "重大农业节水工程";
      } else if (val == "1") {
        return "重大引调水工程";
      } else if (val == "2") {
        return "重点水源工程";
      } else if (val == "3") {
        return "江河湖泊治理骨干工程";
      } else if (val == "4") {
        return "新建大型灌区工程";
      } else if (val == "5") {
        return "非水利部下达投资计划";
      } else if (val == "6") {
        return "全部由地方投资";
      } else if (val == "7") {
        return "其他项目";
      } else {
        return "未知项目";
      }
    },
    nature(val) {
      if (val != "0" && !val) {
        return "";
      }
      if (val == "1") {
        return "项目法人(建设单位)";
      } else if (val == "2") {
        return "勘察设计单位";
      } else if (val == "3") {
        return "监理单位";
      } else if (val == "4") {
        return "施工单位";
      } else if (val == "5") {
        return "金属结构及机电设备安装单位";
      } else if (val == "6") {
        return "安全监测单位";
      } else if (val == "7") {
        return "质量检测单位";
      } else {
        return "其它";
      }
    },
    government(val) {
      if (val != "0" && !val) {
        return "";
      }
      if (val == "1") {
        return "直管";
      } else if (val == "2") {
        return "代建";
      }
    },
    sdType(val){
       switch(val){
         case '1':
           return '中型坝'
         case '2':
           return '骨干坝'
       }
    }
  }
};
</script>

<style lang="scss">
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-table .warning-row {
  background: oldlace;
}
.el-table .success-row {
  background: #f0f9eb;
}
.left_tree .custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}
/*.fec_form .el-input,.fec_form textarea.el-textarea__inner {*/
  /*width: 30vw;*/
/*}*/
.form  {
  height: 50vh;
  overflow: auto;
}
.c_active{
  background: #3f8eff !important;
  color:white !important;
  padding: 7px 10px !important;
}
.c_normal{
  background: white !important;
  padding: 7px 10px !important;
}
#headerBtn div.el-card__header{
  padding: 5px 3px !important;
}
</style>