新增备用状态溯源排查

src/views/yhlywsytst/yhlywsytst/index.vue

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: lisu lisu@gavelinfo.com
  * @LastEditors: lisu lisu@gavelinfo.com
- * @LastEditTime: 2024-10-11 15:15:37
+ * @LastEditTime: 2024-10-14 11:05:14
  * @FilePath: /zghywpc-vue/src/views/yhlywsytst/yhlywsytst/index.vue
 -->
 <template>
@@ -279,8 +279,77 @@
           <span>溯源排查</span>
           <b class="data-title-right">]</b>
         </div>
-        <div class="full " style="height: calc(100% - 14px);padding-top: 12px;padding-left: 10px;">
-          <el-row :gutter="20" class="search-row-1" style="width: 100%;">
+        <div class="full flex " style="height: calc(100% - 14px);padding-top: 12px;padding-left: 10px;">
+          <div class="search-item flex1">
+            <span class="search-span-r">
+              <span
+                style="color: rgb(255, 73, 73); margin-right: 4px;position: absolute;left: 4px;">*</span>功能位置</span>
+            <el-input v-model="sypcQueryParams.gnwz"></el-input>
+          </div>
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+             最小管径</span>
+            <el-input v-model="sypcQueryParams.gj"></el-input>
+          </div>
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+             近期引入</span>
+            <RelSelect placeholder='' style="width: 100%;" :optionsData="[
+                      {id:true,name:'是'},
+                      {id:false,name:'否'}
+                    ]" filterable clearable :match="{value:'id',label:'name'}"
+              v-model='sypcQueryParams.isrRecentImport'>
+            </RelSelect>
+          </div>
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+            规格</span>
+            <RelSelect placeholder='' style="width: 100%;" src='sbgl/usbxx/init/gg' filterable clearable
+              :match="{value:'name',label:'name'}" v-model='sypcQueryParams.gg'></RelSelect>
+          </div>
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+             材质</span>
+            <AuxInput :overlayClick='czOverlayClick' :match="{
+                         label: 'cz',
+                         value:'cz'
+                       }" :form='sypcQueryParams' v-model="sypcQueryParams.cz" :onlyInput='true' />
+          </div>
+
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+              流动特性</span>
+            <RelSelect placeholder='' style="width: 100%;" src='ywxxgl/uywxx/init/ldtx ' filterable clearable
+              :match="{value:'id',label:'name'}" v-model='sypcQueryParams.ldtx'></RelSelect>
+          </div>
+
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+             机组状态</span>
+            <RelSelect   @change="kshZtChange"  placeholder='' style="width: 100%;" src='ywxxgl/uywxx/init/zt ' filterable clearable
+              :match="{value:'id',label:'name'}" v-model='sypcQueryParams.kshZt'></RelSelect>
+          </div>
+
+          <div class="search-item flex1 ">
+            <span class="search-span-r">
+             备用设备状态</span>
+             <!--
+             /sbgl/usbxx/init/zt/by-->
+            <RelSelect placeholder=''   multiple style="width: 100%;" src='/sbgl/usbxx/init/zt/by' filterable clearable
+              :match="{value:'id',label:'name'}" v-model='sypcQueryParams.byZts'></RelSelect>
+          </div>
+
+          <div class="search-item  " style="padding-top: 18px;margin-right: 0px;width: 200px;" >
+            <el-button style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;"
+              size="mini" @click="sypc()" type="primary">排查</el-button>
+            <el-button style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;"
+              size="mini" @click="czmx()" type="primary">重置</el-button>
+            <el-button @click="savePdf()"
+              style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;" size="mini"
+              type="primary">日志</el-button>
+          </div>
+
+          <!--    <el-row :gutter="20" class="search-row-1" style="width: 100%;">
             <el-col :span="3" class="search-col">
               <div class="search-item">
                 <span class="search-span"><span
@@ -314,7 +383,6 @@
             <el-col :span="3" class="search-col">
               <div class="search-item">
                 <span class="search-span">材质:</span>
-                <!-- <el-input v-model="sypcQueryParams.cz"></el-input> -->
                 <AuxInput :overlayClick='czOverlayClick'  :match="{
                   label: 'cz',
                   value:'cz'
@@ -336,8 +404,6 @@
                   :match="{value:'id',label:'name'}" v-model='sypcQueryParams.kshZt'></RelSelect>
               </div>
             </el-col>
-            <!-- <el-col :span="2" class="search-col flex-center">
-            </el-col> -->
             <el-col :span="3" class="search-col flex-center" style="padding-left: 20px;">
               <el-button style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;"
                 size="mini" @click="sypc()" type="primary">排查</el-button>
@@ -347,29 +413,9 @@
                 style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;" size="mini"
                 type="primary">日志</el-button>
             </el-col>
-            <!--   <el-col :span="2" class="search-col flex-center" style="padding-left: 20px;">
-              <el-button style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;"
-                 size="mini" @click="czmx()" type="primary">重置</el-button>
-            </el-col>
-            <el-col :span="2" class="search-col flex-center" style="padding-left: 20px;">
-              <el-button @click="savePdf()"  style="background-color: rgba(7,32,96,0.0);border: 1px solid #68D8FE; color: #68D8FE;"
-                size="mini" type="primary">日志</el-button>
-            </el-col> -->
-
-
-
-
-          </el-row>
-          <!--
-          <el-row :gutter="24" class="search-row-1" style="width: 100%;">
-            <el-col :span="20" class="search-col">
-
-            </el-col>
-            <el-col :span="4" class="search-col flex-center" style="padding: 0px;">
-
-            </el-col>
           </el-row> -->
 
+
         </div>
       </div>
     </div>
@@ -518,6 +564,9 @@
       czDialog
     },
     computed: {
+      byZts(){
+        return this.sypcQueryParams.byZts
+      },
       optionSingleHeight() {
         return {
           singleHeight: 25
@@ -531,7 +580,7 @@
     data() {
       return {
         /* 材质辅助输入*/
-        cztypeConfig:{
+        cztypeConfig: {
 
         },
         /* pdf-*/
@@ -551,7 +600,8 @@
         ksh33: ksh33,
         queryParams: {
           jzbm: '',
-          kshZt: ''
+          kshZt: '',
+
         },
         sypcQueryParams: {
           gnwz: '',
@@ -560,7 +610,8 @@
           ldtx: '',
           gg: '',
           cz: '',
-          kshZt:''
+          kshZt: '',
+          byZts:''
           // ywName: '异物1RIS0218',
           // jzbm: '1',
           // kshZt:'QT'
@@ -596,6 +647,15 @@
       }
     },
     watch: {
+      byZts(val){
+        if(val){
+          if(this.sypcQueryParams.kshZt){
+
+          }else{
+            this.sypcQueryParams.byZts=''
+          }
+        }
+      },
       flowDirection() {
         if (this.allFlowObject) {
           this.allFlowObject.forEach((item) => {
@@ -620,13 +680,18 @@
       }
     },
     methods: {
-      getSave(str){
+    kshZtChange(va){
+      if(!va){
+         this.sypcQueryParams.byZts=''
+      }
+    },
+      getSave(str) {
         console.log(str)
-        this.showDialog=false
-        this.sypcQueryParams.cz=str
+        this.showDialog = false
+        this.sypcQueryParams.cz = str
       },
-      czOverlayClick(){
-        this.showDialog=true
+      czOverlayClick() {
+        this.showDialog = true
       },
       czmx() {
         this.viewer.scene.traverse((model) => {
@@ -672,7 +737,9 @@
               byteNumbers[i] = byteCharacters.charCodeAt(i);
             }
             var byteArray = new Uint8Array(byteNumbers);
-                      return new Blob([byteArray], {type: contentType});
+            return new Blob([byteArray], {
+              type: contentType
+            });
           }
 
           // 创建 Blob 对象并生成 URL
@@ -787,18 +854,18 @@
           //           this.sylbshow = true
           //           this.clickTag(this.jzReMaterialQue[0].model.name)
 
-          let model=false
-          let sbxxCode=this.sypcQueryParams.gnwz.replace(/\s+/g, '');
-          this.jzReMaterialQue.forEach(jzitem=>{
-            if(jzitem.model&&jzitem.model.name&&jzitem.model.name==sbxxCode){
-                model=jzitem.model
+          let model = false
+          let sbxxCode = this.sypcQueryParams.gnwz.replace(/\s+/g, '');
+          this.jzReMaterialQue.forEach(jzitem => {
+            if (jzitem.model && jzitem.model.name && jzitem.model.name == sbxxCode) {
+              model = jzitem.model
             }
           })
-          if(model!==false){
+          if (model !== false) {
             this.viewer.cameraControl.fitTo(model);
             this.sylbshow = true
             this.clickTag(model.name)
-          }else{
+          } else {
             this.viewer.cameraControl.fitTo(this.jzReMaterialQue[0].model);
             this.sylbshow = true
             this.clickTag(this.jzReMaterialQue[0].model.name)
@@ -913,7 +980,7 @@
         return str;
       },
       apiGetLbjxx() {
-         this.lbjlistData=[]
+        this.lbjlistData = []
         this.$post('sbgl/usbxx/query', {
           kshSbxxCode: this.getFirstPartOfString(this.selectedModel.name),
         }).then(res => {
@@ -921,7 +988,7 @@
         })
       },
       apiGetYwxx() {
-         this.ywlistData =[]
+        this.ywlistData = []
         this.$post('ywxxgl/uywxx/query', {
           sbxxCode: this.getFirstPartOfString(this.selectedModel.name),
         }).then(res => {
@@ -929,7 +996,7 @@
         })
       },
       apiGetJxxx() {
-         this.jxlistData=[]
+        this.jxlistData = []
         this.$post('jxgl/usbjx/query', {
           sbxxCode: this.getFirstPartOfString(this.selectedModel.name),
         }).then(res => {
@@ -937,7 +1004,7 @@
         })
       },
       apiGetBgxx() {
-        this.bglistData =[]
+        this.bglistData = []
         this.$post('sbgl/usbbg/query', {
           sbxxCode: this.getFirstPartOfString(this.selectedModel.name),
         }).then(res => {
@@ -1434,17 +1501,17 @@
           this.viewer.scene.traverse(model => {
             if (model.isMesh) {
 
-              if(model.name=='2RCP0620-2R8015014'){
-                model.name='2RCP0620A'
+              if (model.name == '2RCP0620-2R8015014') {
+                model.name = '2RCP0620A'
               }
-              if(model.name=='2RCP0620-2R8015052'){
-                model.name='2RCP0620B'
+              if (model.name == '2RCP0620-2R8015052') {
+                model.name = '2RCP0620B'
               }
-              if(model.name=='1RCP0620-1R8015045'){
-                model.name='1RCP0620A'
+              if (model.name == '1RCP0620-1R8015045') {
+                model.name = '1RCP0620A'
               }
-              if(model.name=='1RCP0620-1R8015909'){
-                model.name='1RCP0620B'
+              if (model.name == '1RCP0620-1R8015909') {
+                model.name = '1RCP0620B'
               }
               model.oldmaterial = model.material.clone()
             }
@@ -1504,13 +1571,13 @@
 
               return
             }
-            try{
+            try {
               let model
-              let modelIndex = intersects.findIndex(item=>item.object.name!==''&&item.object.visible==true)
-               if(modelIndex!=-1){
+              let modelIndex = intersects.findIndex(item => item.object.name !== '' && item.object.visible == true)
+              if (modelIndex != -1) {
                 rconsole.log(`当前选中${modelIndex}`)
-                 model=intersects[modelIndex].object
-               }else{
+                model = intersects[modelIndex].object
+              } else {
                 console.log('本次选中不存在name的节点')
               }
 
@@ -1548,7 +1615,7 @@
                 opacity: 0.8,
                 wireframe: false,
               })
-            }catch(e){
+            } catch (e) {
               rconsole.log(e)
             }
 
@@ -1692,6 +1759,7 @@
 </script>
 
 <style scoped lang="scss">
+
   .search-span {
     min-width: 60px;
     float: right;
@@ -1770,6 +1838,10 @@
     border: 1px solid #68D8FE;
     background-color: rgba(0, 0, 0, 0.0);
     color: #68D8FE;
+    // height: 30px!important;
+  }
+   .is-disabled{
+    background-color: rgba(0, 0, 0, 0.0)!important;
   }
 
   .nullbp {
@@ -2033,6 +2105,17 @@
 
   }
 
+  .search-span-r {
+    color: #68D8FE !important;
+    font-size: 12px;
+
+  }
+
+  .search-item {
+    display: block;
+    margin-right: 15px;
+  }
+
   .lbbt {
     height: 4vh;
     width: 100%;
@@ -2047,9 +2130,11 @@
     background-color: #26c6f0 !important;
     color: #fff !important;
   }
-  .el-icon-search{
+
+  .el-icon-search {
     color: #61d2f7;
   }
+
   .lbbody {
     height: calc(100% - 4vh);
     overflow: hidden;