Skip to content

Z
zghywpc-vue
Commit b0386a33 authored by 李苏's avatar 李苏 💬
Browse files
Options

样式调整，请求数据调整

parent 068bd881
Show whitespace changes
Inline Side-by-side
Showing with 50 additions and 39 deletions
src/views/yhlywsytst/yhlywsytst/index.vue
View file @ b0386a33
......@@ -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-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-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>
</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);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment