12.11 下班之前的上传

src/style/style.css

@@ -16,6 +16,57 @@ body,html{
   /* .el-table__empty-text{
     color: #fff;
   } */
+  .maopading{
+    padding: 20px;
+  }
+  .maopading .el-radio{
+    color: #fff;
+    display: inline-block;
+    width: 142px;
+  }
+  .maopading .el-input-number{
+    width: 100%;
+  }
+  .maopading .el-input__inner{
+    color: #fff;
+  }
+  .maopading .el-input-number__decrease,.maopading  .el-input-number__increase{
+    background-color: rgba(0, 0, 0, 0);
+  }
+  .xizhi{
+    margin-left: 131px;
+  }
+  .xizhi .list .text{
+    font-size: 13px;
+  }
+  .maopading .radio{
+    width: 142px;
+    display: inline-block;
+  }
+  .maopading .el-form-item{
+margin-bottom: 15px !important;
+  }
+  .maopading .jisuan{
+display: flex;
+  }
+  .maopading .jisuan{
+    margin-bottom: 5px ;
+  }
+  .treeselect .el-tree{
+background-color: none !important;
+  }
+  .el-tree{
+    background-color: rgba(0, 0, 0, 0)  !important;
+  }
+  .treeselect .el-tree-node__content:hover {
+    background-color:#52C6FF !important;
+}
+.el-tree-node__content:hover{
+  background-color:#3DDBFC !important;
+}
+ .el-tree-node:focus>.el-tree-node__content{
+  background-color:#52C6FF !important;
+}
   .leftzs{
     position: absolute;
     background-image: url(/src/assets/img/leftzs.png);

src/view/components/MenuMine.vue

@@ -216,7 +216,8 @@
 </div>
 </el-dialog>
 <!-- 添加 -->
-<el-dialog v-model="sdialog.gdadddialog"  align-center  :append-to-body="true" width="480" class="dialog_class bgcolor tianjia">
+<el-dialog v-model="sdialog.gdadddialog"  align-center :modal="false" :close-on-click-modal="false"
+:append-to-body="true" draggable width="480" class="dialog_class bgcolor tianjia">
 
 <template #header="{ titleId, titleClass }">
     <div class="my-header ">
@@ -247,9 +248,20 @@
             <el-button type="primary" @click="nodeclick('end');">选择结束节点</el-button>
         </div>
     </div>
-    <el-form-item label="粗糙系数" :label-width="formLabelWidth7">
+    <!-- <el-form-item label="粗糙系数" :label-width="formLabelWidth7">
         <el-input v-model="guandaoobj.roughCoe" maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')"  class="w-50 m-2" placeholder="请输入" />
+    </el-form-item> -->
+    <div  class='treeselect'>
+    <el-form-item label="阻力系数" :label-width="formLabelWidth7" >
+        <el-tree-select
+            v-model="value"
+            :data="dataselct"
+            :render-after-expand="false"
+            style="width: 240px"
+            @change='seltree($event)'
+        />
     </el-form-item>
+</div>
     <div class="demo-input-suffix firsttitle magintop guand_1">
         <el-form-item label="截面类型" :label-width="formLabelWidth7">
             <el-select v-model="guandaoobj.sectionType" placeholder="请选择">
@@ -364,6 +376,67 @@
     </div>
 </div>
 </el-dialog>
+<!-- 阻力系数弹窗 -->
+ <el-dialog v-model="sdialog.resistance" width="600" :append-to-body="true"  :modal="false" :close-on-click-modal="false"
+  draggable class="dialog_class bgcolor tablefocus shigutable">
+<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='maoconent'>
+   <div  class='maopading'>
+     <!-- <el-radio-group v-model="resource"  class="radio-group"> -->
+        <div  class='jisuan'>
+            <div class='radio'>
+      <el-radio label="0" v-model="resource">自定义阻力系数a：</el-radio></div>
+        <el-input v-model="guandaoobj.sectionPara1"  maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')"  class="w-50 m-2" placeholder="请输入" />
+
+</div>
+<div class='jisuan'>
+    <div class='radio'>
+      <el-radio label="1" v-model="resource">计算阻力系数a：</el-radio></div>
+      <el-form-item >
+        <el-input v-model="guandaoobj.sectionPara1"  maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')"  class="w-50 m-2" placeholder="请输入" />
+    </el-form-item>
+</div>
+<div class="xizhi">
+    <div class="list">
+    <div  class='jisuan'>
+            <div class='radio'>
+      <el-radio label="0" v-model="resource">1.阻力因子ɑ×10⁴:</el-radio></div>
+      <el-input-number v-model="num">
+        <template #decrease-icon>
+          <el-icon>
+            <ArrowDown />
+          </el-icon>
+        </template>
+        <template #increase-icon>
+          <el-icon>
+            <ArrowUp />
+          </el-icon>
+        </template>
+      </el-input-number>
+   
+</div>
+<span class="text">顺走向在煤层里挖的巷道（58.8）</span>
+</div>
+</div>
+      <!-- </el-radio-group>  -->
+</div>
+</div>
+<div class="dialog-footer footer_div l_btn">
+    <div class="footerbtn flex1">
+        <div class="borderimg"><el-button @click="sdialog.resistance = false">取消</el-button></div>
+    </div>
+    <div class="footerbtn flex1">
+        <div class="borderimg"><el-button @click=" sdialog.resistance = false">
+                确定
+            </el-button></div>
+    </div>
+</div>
+</el-dialog>
 <Node-Select ref="nodeselect" @queding="queding" />
             <!--  -->
                       </div>
@@ -382,6 +455,7 @@
   import { computed, ref, onMounted, reactive, toRef } from "vue";
   import { request, uploadFile } from "@/utils/request";
   import { ElMessage, ElButton, ElDialog, ElSelect,ElConfigProvider } from 'element-plus'
+  import { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'
   import zhCn from 'element-plus/es/locale/lang/zh-cn'
   import icon from "@/assets/img/icon.png";
   import g from "@/assets/img/g.jpg";
@@ -403,6 +477,7 @@
   import { timestampToTime } from '@/js/lindex.js';
   import NodeSelect from "./NodeLine.vue";
   import vueUploader from "./fileuploads.vue";
+
 //   import Menufile from "./MenuFile.vue"
 //   import upFile from "./upfile.vue";
 // 文件上传参数
@@ -415,6 +490,45 @@ let bfid=ref("");
 let gfname=ref("");
 let bfname=ref("");
 // 
+let resource=('0')
+let num=ref();
+const value = ref()
+const dataselct = ref([
+  {
+    value: '1',
+    label: '毛壁面',
+  },
+  {
+    value: '2',
+    label: '砌碹面',
+  },
+  {
+    value: '3',
+    label: '支护面',
+    children: [
+      {
+        value: '3-1',
+        label: '圆木棚式支护',
+      },
+      {
+        value: '3-2',
+        label: '工字梁拱形和梯形支护',
+      },
+      {
+        value: '3-3',
+        label: '金属梁与柱支护',
+      },
+      {
+        value: '3-4',
+        label: '其它支护',
+      },
+    ],
+  },
+  {
+    value: '4',
+    label: '工作面',
+  },
+])
 let tishi=ref('');
   let nodeselect = ref();
   let dialogVisible = ref(false);
@@ -501,6 +615,7 @@ let tishi=ref('');
       dialogsgdelect: false,
       gdadddialog: false,
       guddialogsgdelect: false,
+      resistance:false,
   })
   let sideid = ref("");
   let tableData3 = ref();
@@ -978,6 +1093,12 @@ const fileboolen=(val)=>{
  // guandaoapi();
   }
  
+}
+const seltree=(val)=>{
+console.log(val);
+if(val=='1'){
+    sdialog.value.resistance=true;
+}
 }
   defineExpose({ dialogVisible, });
   </script>