样式调整，请求数据调整

src/views/yhlywsytst/yhlywsytst/index.vue

@@ -2,7 +2,7 @@
  * @Description:
  * @Author: lisu lisu@gavelinfo.com
  * @LastEditors: lisu lisu@gavelinfo.com
- * @LastEditTime: 2024-09-20 09:40:20
+ * @LastEditTime: 2024-09-20 11:44:38
  * @FilePath: /zghywpc-vue/src/views/yhlywsytst/yhlywsytst/index.vue
 -->
 <template>
@@ -91,14 +91,14 @@
                 <div class="flex1 text-center ">
                   名称
                 </div>
-                <div class="flex1 text-center ">
+             <!--   <div class="flex1 text-center ">
                   机组
-                </div>
+                </div> -->
                 <div class="flex1 text-center ">
                   规格
                 </div>
                 <div class="flex1 text-center ">
-                  管径
+                  材质
                 </div>
               </div>
               <ScrollSeamless :class-option="optionSingleHeight" :data="lbjlistData" class="lbbody"
@@ -108,9 +108,9 @@
                     v-for="item in lbjlistData">
                     <div class="flex1" style="color: #68D8FE  ;" v-text="item.code"></div>
                     <div class="flex1" style="color: #68D8FE  ;" v-text="item.name"></div>
-                    <div class="flex1" style="color: #68D8FE  ;" v-text="item.jzbm"></div>
+                 <!--   <div class="flex1" style="color: #68D8FE  ;" v-text="item.jzbm"></div> -->
                     <div class="flex1" style="color: #68D8FE  ;" v-text="item.gg"></div>
-                    <div class="flex1" style="color: #68D8FE  ;" v-text="item.gj"></div>
+                    <div class="flex1" style="color: #68D8FE  ;" v-text="item.czs"></div>
                   </div>
                 </div>
               </ScrollSeamless>
@@ -219,8 +219,7 @@
         </div>
 
       </div>
-      <div class="flex1" style="height: 33%;overflow: hidden;">
-        <!-- 设备检修-->
+   <!--   <div class="flex1" style="height: 33%;overflow: hidden;">
         <div class="full">
           <div class="mktitle">
             <span>异物信息</span>
@@ -230,12 +229,7 @@
             请选中设备进行查询
           </div>
           <div v-show="selectedModel.name" class="mkbody data-box1">
-            <!--   <div class="sbxxTitle">
-              {{'设备:'+selectedModel.name}}
-            </div> -->
-
             <div class="com-count-body" style=" height:calc(100% - 0px);overflow: hidden;">
-              <!-- 标题-->
               <div class="lbbt" style="font-size: 13px;">
                 <div class="flex1 text-center ">
                   名称
@@ -271,7 +265,7 @@
             </div>
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <!-- 溯源排查-->
     <div class="sypc">
@@ -285,7 +279,7 @@
           <span>溯源排查</span>
           <b class="data-title-right">]</b>
         </div>
-        <div class="full " style="height: calc(100% - 14px);padding-top: 12px;">
+        <div class="full " style="height: calc(100% - 14px);padding-top: 12px;padding-left: 50px;">
           <el-row :gutter="20" class="search-row-1" style="width: 100%;">
             <el-col :span="4" class="search-col">
               <div class="search-item">
@@ -293,13 +287,13 @@
                 <el-input v-model="sypcQueryParams.gnwz"></el-input>
               </div>
             </el-col>
-            <el-col :span="4" class="search-col">
+            <el-col :span="3" class="search-col">
               <div class="search-item">
                 <span class="search-span">最大管径:</span>
                 <el-input v-model="sypcQueryParams.gj"></el-input>
               </div>
             </el-col>
-            <el-col :span="4" class="search-col flex-center">
+            <el-col :span="3" class="search-col flex-center">
               <div class="search-item">
                 <span class="search-span">近期引入:</span>
                 <RelSelect placeholder='' style="width: 100%;" :optionsData="[
@@ -309,14 +303,14 @@
                 </RelSelect>
               </div>
             </el-col>
-            <el-col :span="4" class="search-col">
+            <el-col :span="3" class="search-col">
               <div class="search-item">
                 <span class="search-span">规格:</span>
                 <RelSelect placeholder='' style="width: 100%;" src='sbgl/usbxx/init/gg' filterable clearable
                   :match="{value:'name',label:'name'}" v-model='sypcQueryParams.gg'></RelSelect>
               </div>
             </el-col>
-            <el-col :span="4" class="search-col">
+            <el-col :span="3" class="search-col">
               <div class="search-item">
                 <span class="search-span">材质:</span>
                 <el-input v-model="sypcQueryParams.cz"></el-input>
@@ -329,27 +323,33 @@
                   :match="{value:'id',label:'name'}" v-model='sypcQueryParams.ldtx'></RelSelect>
               </div>
             </el-col>
-          </el-row>
+           <!-- <el-col :span="2" class="search-col flex-center">
+            </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="sypc()" type="primary">溯源排查</el-button>
+            </el-col>
+            <el-col :span="2" class="search-col flex-center" style="padding-right: 10px;" >
+
 
+                <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-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 :span="12" class="search-col flex-center">
-                <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="12" class="search-col flex-center">
-                <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-col>
+
             </el-col>
-          </el-row>
+          </el-row> -->
 
         </div>
       </div>
     </div>
+
     <!-- 设备查询-->
     <!--   <div class="sbcx">
       <div class="full  data-box1" style="position: relative;">
@@ -778,31 +778,42 @@
 
 
 
+          },
+          getFirstPartOfString(str) {
+            // 查找"-"在字符串中的位置
+            const dashIndex = str.indexOf('-');
+
+            // 如果找到了"-"，则返回"-"之前的部分（包含起始位置，不包含结束位置）
+            if (dashIndex !== -1) {
+              return str.substring(0, dashIndex);
+            }
+            // 如果没有找到"-"，则返回整个字符串
+            return str;
           },
           apiGetLbjxx() {
             this.$post('sbgl/usbxx/query', {
-              kshSbxxCode: this.selectedModel.name,
+              kshSbxxCode: this.getFirstPartOfString(this.selectedModel.name),
             }).then(res => {
               this.lbjlistData = res.data.records || []
             })
           },
           apiGetYwxx() {
             this.$post('ywxxgl/uywxx/query', {
-              sbxxCode: this.selectedModel.name,
+              sbxxCode:  this.getFirstPartOfString(this.selectedModel.name),
             }).then(res => {
               this.ywlistData = res.data.records || []
             })
           },
           apiGetJxxx() {
             this.$post('jxgl/usbjx/query', {
-              sbxxCode: this.selectedModel.name
+              sbxxCode:  this.getFirstPartOfString(this.selectedModel.name),
             }).then(res => {
               this.jxlistData = res.data.records || []
             })
           },
           apiGetBgxx() {
             this.$post('jxgl/usbjx/query', {
-              sbxxCode: this.selectedModel.name
+              sbxxCode:  this.getFirstPartOfString(this.selectedModel.name),
             }).then(res => {
               this.jxlistData = res.data.records || []
             })
@@ -1701,23 +1712,23 @@
 
   .leftOpt {
     position: absolute;
-    margin-top: 80px;
+    margin-top: 185px;
     width: 28%;
     left: 15px;
-    height: 88%;
+    height: calc(100% - 205px + 10px) ;
     z-index: 12;
     display: flex;
     flex-direction: column;
   }
 
   .sypc {
-    top: 105px;
+    top: 100px;
     right: 15px;
     // transform: translate(-50%, 0%);
     /* 使元素居中 */
     position: absolute;
-    height: 134px;
-    width: calc(70% - 15px);
+    height: 90px;
+    width: calc(100% - 30px);
     z-index: 12;
     background-color: rgba(0, 0, 0, 0.6);
   }
@@ -1727,7 +1738,7 @@
     right: 15px;
     /* 使元素居中 */
     position: absolute;
-    height: 90px;
+    height: 100px;
     width: 28%;
     z-index: 12;
     background-color: rgba(0, 0, 0, 0.6);