3.1

src/view/Dialoges.vue

@@ -57,7 +57,6 @@
         style="width: 100%"
         v-loading="loading"
         @size-change="handleSizeChange"
-        @row-click="handleSelect1" 
         :row-class-name="tableRowClassName"
         :header-cell-style="{'background':' #375A88'}"
        @select="projectsSelectionSelect"
@@ -371,7 +370,7 @@ import t4 from "@/assets/img/t4.png";
 import mitts from "@/utils/Bus"
 import closeimg from "@/assets/img/colse.png";
 import {timestampToTime} from '@/js/lindex.js'
-let emit= defineEmits(['headerclick'])
+let emit= defineEmits(['headerclick','childfun'])
 const props= defineProps({
     addselect: {
         type: Function,
@@ -512,9 +511,14 @@ const classclick= () =>{
 }
 // 事故确定列表
 const accident=()=>{
-    emit('headerclick',idobj.value.name,idobj.value.time);
+    if(idobj.value.name==''){
+        ElMessage.error('请选择项目')
+    }else{
+    emit('headerclick',sgdata.value);
     dialog.value.dialogVisible_fire=false;
-  
+    emit('childfun');
+   // handledisaster();
+}
 }
 const  accident2=()=>{
     if(classradio.value=="Fire"){
@@ -528,7 +532,6 @@ const  accident2=()=>{
 
 //事故添加列表
 const sgadd=()=>{
-   
     const params = {
         transCode: 'D00002',
         source:shiguobj.value.source,
@@ -545,14 +548,10 @@ const sgadd=()=>{
          
           })
           .catch((err) => {
+            ElMessage.error(err.returnMsg)
           })
 }
-
-const handleSelect1=(val)=>{
-
-//    aid.value=val.aid;
-//  idobj.value.name=val.name;
-}
+// 事故列表的选择
 const getRadioRow=(val)=>{
 
     sgdata.value=(val)
@@ -563,10 +562,8 @@ idobj.value.time=val.time;
 
 function handleSizeChange2(val) {
 }
-
 function handleCurrentChange2(val){ 
     currentPage4.value=val;
-    
     getdata();
 }
 // 事故添加按钮
@@ -601,9 +598,6 @@ const sgdelect=()=>{
           })
  
 }
-
-
-
 //事故获取列表
 const getdata=()=>{
     const params = {
@@ -625,6 +619,7 @@ const getdata=()=>{
           })
  
   }
+
 onMounted(() => {
     init();
     const timestamp = new Date().getTime();
@@ -632,7 +627,7 @@ onMounted(() => {
     newtime.value= timestampToTime(timestamp);
 });
 
-defineExpose({monitor,accident2,leftcoll,classradio});
+defineExpose({monitor,accident2,leftcoll,classradio,aid});
 </script>
 <style lang="scss" scoped>
 .jc_padding{

src/view/appmian.vue

@@ -52,9 +52,9 @@
             </el-header>
          
             <el-main>
-                <Dialoges ref="lliudialog"  :addselect="addselect" :headerobj="headerobj" @headerclick="headerclick"></Dialoges>
-                <source-disaster ref="sourcedis" :classradio="classradio"/>
-                <my-boundary  ref="boundary" :classradio="classradio" />
+                <Dialoges ref="lliudialog"  :addselect="addselect" :headerobj="headerobj" @headerclick="headerclick" @childfun="childfun" ></Dialoges>
+                <source-disaster ref="sourcedis" :classradio="classradio" :aid="aid"/>
+                <my-boundary  ref="boundary" :classradio="classradio" :aid="aid" />
               
             </el-main>
         </el-container>
@@ -82,18 +82,31 @@ let headerobj=ref({
     time:'火灾事故2023.02.26',
     name:"2024-03-20 11:30:20",
 })
+let sgdata=ref({});
+let aid=ref();
   onMounted(() => {
   });
 // 
 const addselect=()=>{
     classradio.value=lliudialog.value.classradio;
-    console.log(111)
+
 }
-const headerclick=(name,time)=>{
-    headerobj.value.name=name;
-    headerobj.value.time=time;
+//获取aid
+const aidlist=()=>{
+    sgdata.value=lliudialog.value.sgdata;
+    aid.value=sgdata.value.aid
+}
+// 获取子组件的方法
+const childfun=()=>{
+    sourcedis.value.handledisaster(aid.value);
+   sourcedis.value.accident3();
+}
+const headerclick=(data)=>{
+    console.log(data);
+    headerobj.value.name=data.name;
+    headerobj.value.time=data.time;
+    aid.value=data.aid
 }
-
 const handleSelect = (key,keyPath) => {
     switch (key) {
     case '1':

src/view/components/Sourcedisaster.vue

@@ -17,23 +17,25 @@
                 <div class="jc_content tablecolor">
              
             <div class="jc_padding">
-                <div class="xian btncolor" >
+                <div class="xian btncolor tablefocus" >
              
                         <el-table
-                :data="tableData2"
+                :data="tableDatay"
                 style="width: 100%"
+                @row-click="handleDelete($event)"
                 :row-class-name="tableRowClassName"
+                max-height="350px"
                 :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
-
+                :highlight-current-row="true"
                 >
-            <el-table-column prop="date" label="选择巷道" width="130" />
-            <el-table-column prop="name" label="位置" width="70" />
+            <el-table-column prop="pname" label="选择巷道" width="130" />
+            <el-table-column prop="site" label="位置" width="70" />
             <el-table-column label="操作" width="100">
          <template #default="scope">
            <el-button
              size="small"
              type="success"
-             @click.stop="handlexiugai(scope.$index, scope.row)"
+             @click.stop="handledetection(scope.$index, scope.row)"
              >查看</el-button
            >
           
@@ -41,33 +43,35 @@
        </el-table-column>
         </el-table>
         <div class="asdis_btn">
-        <div class="flex_a"><div class="btns"><span class="spantext">添加</span></div></div>
-        <div class="flex_a"><div class="btns"><span class="spantext">删除</span></div></div>
+        <div class="flex_a" @click="newtable();sdialog.dianadddialog=true"><div class="btns"><span class="spantext">添加</span></div></div>
+        <div class="flex_a" @click="shanchu('1');sdialog.dialogsgdelect=true"><div class="btns"><span class="spantext">删除</span></div></div>
         <div class="flex_a"><div class="btns"><span class="spantext">确定</span></div></div>
     </div>
         </div>
                 <!--  -->
-                <div class="xian" style="margin-top: 20px;">
+                <div class="xian" style="margin-top: 20px;" v-show="sdialog.isDisasterfire">
                 <div class="header_l header_z">
-        <el-image :src="icon" fit="contain" ></el-image>
+        <el-image :src="icon" fit="contain" ></el-image> 
         <h4  class="tianjia"> 灾害源表</h4>
         <div class="closeimg"><el-image :src="closeimg" fit="contain" ></el-image></div>
     </div>   
-                        <el-table
-                :data="tableData2"
+            <el-table
+                :data="tableDatafir"
                 style="width: 100%"
                 :row-class-name="tableRowClassName"
                 :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
-
+                :max-height="tableHeight"
+                @row-click="handleDelete2($event)"
+                :highlight-current-row="true"
                 >
-            <el-table-column prop="date" label="时间" width="70" />
-            <el-table-column prop="name" label="温度℃" width="70" />
-            <el-table-column prop="address" label="污染物1浓度" width="100" />
-            <el-table-column prop="address2" label="污染物2浓度" width="100" />
+            <el-table-column prop="timeline" label="时间" width="70" />
+            <el-table-column prop="val1" label="温度℃" width="70" />
+            <el-table-column prop="val2" label="污染物1浓度" width="100" />
+            <el-table-column prop="val2" label="污染物2浓度" width="100" />
         </el-table>
         <div class="asdis_btn">
-        <div class="flex_a"><div class="btns"><span class="spantext">添加</span></div></div>
-        <div class="flex_a"><div class="btns"><span class="spantext">删除</span></div></div>
+        <div class="flex_a" @click="sdialog.adddialog=true"><div class="btns"><span class="spantext">添加</span></div></div>
+        <div class="flex_a" @click="shanchu('2');sdialog.dialogsgdelect=true"><div class="btns"><span class="spantext">删除</span></div></div>
         <div class="flex_a"><div class="btns"><span class="spantext">确定</span></div></div>
     </div>
         </div>
@@ -84,7 +88,7 @@
     </el-aside>
     <el-aside width="354px" class="L_aside asideg asidegbg leftbgimg1" v-show="sour.collwater">
             <div class="demo-collapse">
-        <!-- 突水 -->
+        <!-- 突水 sour.collwater-->
         <el-collapse v-model="coolactiveName1" accordion  >
           <el-collapse-item  name="1">
             <template #title>
@@ -136,6 +140,7 @@
                         <el-table
                 :data="tableData4"
                 style="width: 100%"
+                 :max-height="tableHeight" 
                 @current-change= "handleCurrentChange"
                 :row-class-name="tableRowClassName"
                 :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
@@ -162,33 +167,231 @@
       </div>
 
           </el-aside>
+      
+      </div>
+       <!-- 灾害点源数据的添加-->
+       <el-dialog v-model="sdialog.dianadddialog" width="400"  class="dialog_class bgcolor tianjia">
+            <template #header="{titleId, titleClass }">
+            <div class="my-header ">
+                <el-image :src="icon" fit="contain" ></el-image>
+                <h4 :id="titleId" :class="titleClass">添加</h4>
+
+            </div>
+            </template>
+            <div class="demo-input-suffix firsttitle magintop">
+         <el-form-item label="管道名称" :label-width="formLabelWidth5">
+            <el-input  v-model="selectstr"
+                class="w-50 m-2"
+                placeholder="管道名称"
+                :prefix-icon="Search"   />
+            </el-form-item>
+            <div class="btn2">
+            <el-button type="primary"  @click="fireclick();sdialog.dialogVisiblenode=true">选择管道</el-button></div>
+            </div>
+            <div class="input">
+            <el-form-item label="位置" :label-width="formLabelWidth5">
+                <el-input-number v-model="source.site" :min="0" :max="1" 
+                :precision="2" :step="0.1"
+                controls-position="right"
+                class="w-50 m-2"
+                placeholder="位置"
+                />
+            </el-form-item>
+            </div>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1"><div class="borderimg"><el-button @click="sdialog.dianadddialog=false">取消</el-button></div></div>
+                <div class="footerbtn flex1"><div class="borderimg"><el-button  @click="handleEditfire(); sdialog.dianadddialog=false">
+            确定
+                </el-button></div></div>
+            </div>
+        </el-dialog>
+        <!-- 选择管道 -->
+        <el-dialog
+       v-model="sdialog.dialogVisiblenode"
+       width="50%"
+       class="dialog_class bgcolor tianjia asideg asidegbg leftbgimg"
+     >
+     <template #header="{titleId, titleClass }">
+            <div class="my-header ">
+                <el-image :src="icon" fit="contain" ></el-image>
+                <h4 :id="titleId" :class="titleClass"> 选择管道</h4>
+
+            </div>
+            </template>
+     <div class="demo-input-suffix firsttitle leftbgimg2">
+        <div class="guand_1">
+           <el-form-item label="节点选择" :label-width="formLabelWidth5">
+         <el-input  v-model="searchtaggd"
+           class="w-50 m-2"
+           placeholder="管道名称"
+           :prefix-icon="Search"   />
+       </el-form-item>
+       <div class="asdis_btn">
+        <div class="flex_a"><div class="btns"  @click="searchgd"><span class="spantext">搜索</span></div></div>
+    </div>
+       <!-- <div class="btn2">
+       <el-button type="success" @click="searchgd">搜索</el-button></div> -->
+    </div>
+       <!-- <div class="btn2">
+       <el-button type="success">导入</el-button></div>
+     </div> -->
+     <el-table
+       ref="multipleTableRef"
+       :data="tableData2"
+       style="width: 100%"
+       highlight-current-row
+       @selection-change="handleSelectionChange"
+       @select="projectsSelectionSelect"
+       :header-cell-style="{'background':'rgba(13, 22, 57, 0.96) '}"
+     >
+       <el-table-column type="selection" width="55" />
+       <el-table-column property="snId" label="开始节点"/>
+       <el-table-column property="enId" label="结束节点"/>
+       <el-table-column property="id" label="编号" width="70"/>
+       <el-table-column property="name" label="名称" width="70"/>
+       <el-table-column property="sectionType" label="截面类型" width="120"/>
+       <el-table-column property="roughCoe" label="粗糙系数"/>
+       <el-table-column property="sectionPara1" label="截面参数1" width="90"/>
+       <el-table-column property="sectionPara2" label="截面参数2" width="90" />
+       <el-table-column property="sectionPara3" label="截面参数3" width="90"/>
+       <el-table-column property="sectionPara4" label="截面参数4" width="90"/>
+       <el-table-column property="sectionPara5" label="截面参数5" width="90"/>
        
+     </el-table>
+       <div class="demo-pagination-block">
+    <el-pagination
+    v-model:current-page="currentPage4"
+      v-model:page-size="pageSize4"
+    small
+    background
+    layout="prev, total,pager, next, jumpe,"      
+    :total="parseInt(total)"
+    class="mt-4"
+    @size-change="handleSizeChange"
+    @current-change="handleCurrentChange"
+  />
+  </div>
+         <div class="dialog-footer footer_div l_btn">
+        <div class="footerbtn flex1"><div class="borderimg"><el-button @click="sdialog.dialogVisiblenode">取消</el-button></div></div>
+        <div class="footerbtn flex1"><div class="borderimg"><el-button @click="queding();sdialog.dialogVisiblenode = false">
+       确定
+        </el-button></div></div>
       </div>
-  
+     </div>
+     </el-dialog>
+   <!-- 灾害源检测数据的添加-->
+        <el-dialog v-model="sdialog.adddialog" width="400"   class="dialog_class bgcolor tianjia">
+            <template #header="{titleId, titleClass }">
+            <div class="my-header ">
+                <el-image :src="icon" fit="contain" ></el-image>
+                <h4 :id="titleId" :class="titleClass">添加</h4>
+
+            </div>
+            </template>
+            <div>
+      <el-form>
+      <el-form-item label="时间" :label-width="formLabelWidth5">
+         <el-input  v-model="Disastersource.timeline" class="w-50 m-2"  placeholder="请输入"  />
+       </el-form-item>
+       <el-form-item label="温度"  :label-width="formLabelWidth5">
+         <el-input  v-model="Disastersource.val1" class="w-50 m-2"  placeholder="请输入"  />
+       </el-form-item>
+       <el-form-item label="污染物1"  :label-width="formLabelWidth5">
+         <el-input  v-model="Disastersource.val2" class="w-50 m-2"  placeholder="请输入"  />
+       </el-form-item>
+       <el-form-item label="污染物1"  :label-width="formLabelWidth5">
+         <el-input  v-model="Disastersource.val3" class="w-50 m-2"  placeholder="请输入"  />
+       </el-form-item>
+    
+      </el-form>
+    </div>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1"><div class="borderimg"><el-button @click="sdialog.adddialog=false">取消</el-button></div></div>
+                <div class="footerbtn flex1"><div class="borderimg"><el-button  @click="addjiancf();sdialog.adddialog=false">
+            确定
+                </el-button></div></div>
+            </div>
+        </el-dialog>
+        <!-- 删除 -->
+        <el-dialog v-model="sdialog.dialogsgdelect" width="400"  class="dialog_class bgcolor tianjia">
+            <template #header="{titleId, titleClass }">
+            <div class="my-header ">
+                <el-image :src="icon" fit="contain" ></el-image>
+                <h4 :id="titleId" :class="titleClass">删除框</h4>
+            
+            </div>
+            </template>
+                <h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{zqname }}</span></h4>
+            <div class="dialog-footer footer_div l_btn">
+                <div class="footerbtn flex1"><div class="borderimg"><el-button @click="sdialog.dialogsgdelect=false">取消</el-button></div></div>
+                <div class="footerbtn flex1"><div class="borderimg"><el-button  @click="fundeledata();sdialog.dialogsgdelect=false">
+            确定
+                </el-button></div></div>
+            </div>
+        </el-dialog>
       </div>
     </template>
     
     <script setup>
-    import { computed,ref,onMounted,reactive } from "vue";
+    import { computed,ref,onMounted,reactive, toRef } from "vue";
     import { useStore } from "vuex";
+    import { request, uploadFile } from "@/utils/request";
     import icon from "@/assets/img/icon.png";
     import closeimg from "@/assets/img/colse.png";
     import { ElMessage,ElButton, ElDialog,ElSelect } from 'element-plus'
+import { c } from "@kitware/vtk.js/macros2";
     const props= defineProps({
         classradio: {
         type: String,
-        // default: '',
     },
+    aid:{
+        type: String,
+    }
+
 
  });
-    const dialogVisible = ref(true);
+ const sdialog=ref({
+    adddialog:false,
+    dialogsgdelect:false,
+    dianadddialog:false,
+    dialogVisiblenode:false,
+    isDisasterfire:false,
+ })
+ let selectstr=ref('');
+ const currentPage4 = ref(1);
+const pageSize4 = ref(5)
+const tableDatawat = ref([]);
+const tableDatafir= ref([])
+const dialogVisible = ref(true);
 const sour = ref({
     collfire:false,
     collwater:false,
 });
-
+let firepid=ref("");
+let svid=ref("");
+let firesid=ref("");
+let searchtaggd=ref("");
+let total=ref(1);
+let gdadd=ref("0");
+let jcadd=ref();
+let tableHeight=ref(300)
+const multipleTableRef = ref()
+const multipleSelection = ref([])
+const formLabelWidth5=ref(77);
+let source=reactive({pname:"",site:0.1})
+let Disastersource=ref({
+    svid:0,
+    timeline:'',
+    val1:'',
+    val2:'',
+    val3:'',
+    val4:'',
+     })
+ const tableData2= ref([])
+let aid=ref();
+let biaoid= ref();
 let coolactiveName1=ref(["1","2"]);
-
+let zqname=ref('');
 const tableRowClassName = ({row, rowIndex}) =>{
     if (rowIndex%2 != 0) {
         return 'evenRow';
@@ -217,7 +420,7 @@ const tableData = [
   },
 
 ]
-const tableData2 = [
+const tableDatay = ref([
   {
    
     date: '15.30',
@@ -247,7 +450,7 @@ const tableData2 = [
    address2: '10%',
  },
 
-]
+])
 const tableData4=[
   {
    
@@ -279,9 +482,239 @@ const  accident3=()=>{
         sour.value.collwater=true;
     }
 }
+//灾情源查询列表
+const handledisaster=(aidval)=>{
+    aid.value=aidval;
+    const params = {
+        transCode: 'D00005',
+        aid:aid.value,
+        }
+        request(params)
+          .then((res) => { 
+            tableDatay.value=res.rows;
+          })
+          .catch((err) => {
+            ElMessage.error(err.returnMsg)
+          })
+}
+// 灾情源添加
+const  fireadd=()=>{
+  const params = {
+        transCode: 'D00004',
+        pid:firepid.value,
+        aid:aid.value,
+        stype:props.classradio,
+        site:source.site,
+        }
+        request(params)
+          .then((res) => { 
+            ElMessage({
+            message: res.returnMsg,
+            type: 'success',
+          })
+            getdata();
+          })
+          .catch((err) => {
+          })
+}
+//添加保存
+ const  handleEditfire=()=>{
+    if(gdadd.value=='1'){
+      fireadd()
+      sdialog.value.dianadddialog=false; 
+    //   waaddshow.value=false;  
+   }else if(gdadd.value=='2'){ 
+    if(props.classradio=='Fire'){
+        sdialog.value.dianadddialog=false; 
+    }else {
+    //   waaddshow.value=false; 
+    }
+
+   }
+   handledisaster(aid.value);
+  }
+//灾情源删除
+const handleDelete=(val)=>{
+    console.log(val);
+    firesid.value=val.sid;
+    zqname.value=val.pname;
+
+}
+const shanchu=(val)=>{
+    biaoid.value=val;
+}
+const fundeledata=()=>{
+
+    if( biaoid.value=='1'){
+  const params = {
+        transCode: 'D000011',
+        sid:firesid.value,
+        }
+        console.log(params);
+        request(params)
+          .then((res) => { 
+            ElMessage({
+            message: '删除成功',
+            type: 'success',
+          })
+          handledisaster(aid.value);
+          })
+          .catch((err) => {
+          })
+        }
+          else{
+            fundeledata2();
+          }
+}
+// 分页查询
+ function handleSizeChange(val) {
+}
+  const  handleCurrentChange=(val)=>{
+  pipelinedata(searchtaggd.value)
+}
+   //新建fire
+    const  newtable=()=>{
+      selectstr.value='';
+      firepid.value='';
+       source.site=0;
+       newtable.value='1';
+       gdadd.value='1';
+ }
+// 选择
+    const  fireclick=()=>{
+    pipelinedata('');
+  }
+    const  queding=()=>{
+     selectfun();
+   
+   }
+const  selectfun=()=>{
+   selectstr.value='';
+   currentPage4.value=1;
+   console.log()
+     if(multipleSelection.value.length!=0){
+    firepid.value=multipleSelection.value[0].id;
+    selectstr.value=multipleSelection.value[0].name;
+     }else{
+       selectstr.value='';
+      
+     }
+   }
+    const projectsSelectionSelect=(selection, row)=>{
+     if(selection.length>1){
+      multipleTableRef.value.clearSelection();
+      multipleTableRef.value.toggleRowSelection(row,true);
+      multipleSelection.value=selection[1];
+      return;
+     }
+      if(selection.length==1){
+        multipleSelection.value=selection;
+      
+     }else if(selection.length==0){
+    
+     }
+      
+    // console.log(row)
+   }
+//管道数据查询
+ const pipelinedata=(searchtag)=>{
+    const params = {
+        transCode: 'D00001',
+        count:pageSize4.value,
+        page:currentPage4.value,
+        searchtag:searchtag,
+        }
+        request(params)
+          .then((res) => { 
+            tableData2.value=res.rows
+            total.value=res.total
+        
+          })
+          .catch((err) => {
+          })
+  }
+//   灾源检测
+const handledetection=(index,row)=>{
+    sdialog.value.isDisasterfire=true;
+    firesid.value=row.sid;
+   getinquire();
+   
+}
+//   灾源检测查询
+const getinquire=()=>{
+    const params = {
+        transCode: 'D00007',
+        sid:firesid.value,
+        }
+        request(params)
+          .then((res) => { 
+            console.log(res.rows);
+            if(props.classradio=='Fire'){
+                console.log(1111)
+              tableDatafir.value=res.rows;
+            }else{
+              tableDatawat.value=res.rows
+            }
+          })
+          .catch((err) => {
+          })
+}
+
+// const Disasterclick=(index,row)=>{
+//     addjiancf();
+
+//   }
+// 灾源检测添加
+const addjiancf=()=>{
+    const params = {
+        transCode: 'D00006',
+        sid:firesid.value,
+        timeline:Disastersource.value.timeline,
+        val1:Disastersource.value.val1,
+        val2:Disastersource.value.val2,
+        val3:Disastersource.value.val3,
+        val4:Disastersource.value.val4,
+        }
+        request(params)
+          .then((res) => { 
+           //console.log(res);
+           ElMessage({
+            message: res.returnMsg,
+            type: 'success',
+          })
+          getinquire();
+          })
+          .catch((err) => {
+          })
+}
+//灾情检测删除
+const handleDelete2=(val)=>{
+    console.log(val);
+    firesid.value=val.sid;
+    zqname.value="检测表的一条信息";
+    svid.value=val.svid
+}
+const fundeledata2=(svid)=>{
+    const params = {
+        transCode: 'D000013',
+        svid:svid.value,
+        }
+        request(params)
+          .then((res) => { 
+           //console.log(res);
+           ElMessage({
+            message: "删除成功",
+            type: 'success',
+          })
+          getinquire();
+          })
+          .catch((err) => {
+          })
+}
+
 onMounted(() => {
   });
-    defineExpose({sour,accident3});
+    defineExpose({sour,accident3,handledisaster});
     </script>
     <style lang="scss" scoped> 
     .jc_padding .el-table tr{
@@ -653,4 +1086,26 @@ text-transform: none;
 .btncolor .el-table__header{
     margin: 0 14px
 }
+.magintop{
+    display: flex;
+}
+.magintop .el-form-item{
+    margin-right: 20px;
+}
+.guand_1{
+    display: flex;
+}
+.guand_1 .asdis_btn{
+    margin-top: -9px;
+}
+.el-table .cell{
+    color: #fff;
+    font-size: 12px;
+}
+.spanclad{
+    color: #FFF500;
+}
+.tablefocus .el-table__body tr.current-row>td.el-table__cell {
+    background-color: rgba(255,255,25,0.5);
+}
 </style>