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