jianguan
/
yxt-supervise-gd36524-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善数据大屏

master
myTest383 6 months ago
parent
af5acd82b2
commit
ddeb89c2ce
4 changed files with 124 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/views/mortgage/projectInfo.vue
  2. 5
      src/views/mortgage/projectList.vue
  3. 141
      src/views/mortgage/shanhaiGf.vue
  4. 4
      vue.config.js

4
src/views/mortgage/projectInfo.vue
View File

@ -26,11 +26,11 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<div class="span-sty">项目负责人</div> <div class="span-sty">项目负责人</div>
<el-form-item><span class="addinputInfo">{{ formobj.manager }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.contacts }}</span></el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div class="span-sty">联系电话</div> <div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.telephone }}</span></el-form-item> <el-form-item><span class="addinputInfo">{{ formobj.mob }}</span></el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>

5
src/views/mortgage/projectList.vue
View File

@ -68,8 +68,9 @@
<el-table-column prop="warehouseCode" label="电站ID" align="center" width="100" /> <el-table-column prop="warehouseCode" label="电站ID" align="center" width="100" />
<el-table-column prop="squareMeter" label="规模/发电量" align="center" width="140" /> <el-table-column prop="squareMeter" label="规模/发电量" align="center" width="140" />
<el-table-column label="项目公司情况" align="center" width="80"> <el-table-column label="项目公司情况" align="center" width="80">
<el-table-column prop="manager" label="名称" align="center" width="140" /> <el-table-column prop="manager" label="名称" align="left" header-align="center" width="200" />
<el-table-column prop="remarks" label="放款后工商风险" align="center" width="140" /> <el-table-column prop="remarks" label="放款后工商风险" align="left" header-align="center"
width="200" />
</el-table-column> </el-table-column>
<el-table-column label="采购合同供货方" align="center" width="80"> <el-table-column label="采购合同供货方" align="center" width="80">
<el-table-column prop="supplierName" label="供方" align="left" header-align="center" <el-table-column prop="supplierName" label="供方" align="left" header-align="center"

141
src/views/mortgage/shanhaiGf.vue
View File

@ -262,7 +262,7 @@
<P>报告消息列表</P> <P>报告消息列表</P>
<img src="../../assets/heng.png" alt="" /> <img src="../../assets/heng.png" alt="" />
</div> </div>
<vue-seamless-scroll :data="rightBomInfo.list" class="seamless-warp" <!-- <vue-seamless-scroll :data="rightBomInfo.list" class="seamless-warp"
:class-option="defaultOption1"> :class-option="defaultOption1">
<div class="list"> <div class="list">
<div class="list1" v-for="(item, index) in rightBomInfo.list" :key="index" <div class="list1" v-for="(item, index) in rightBomInfo.list" :key="index"
@ -278,7 +278,26 @@
</p> </p>
</div> </div>
</div> </div>
</vue-seamless-scroll> -->
<vue-seamless-scroll :data="rightBomInfo.list" class="warp" ref="seamlessScroll"
:class-option="defaultOption1">
<ul class="list">
<li v-for="(item, index) in rightBomInfo.list" :key="index" class="list1"
@click="itemClick2(item)">
<p style="width: 100px;">{{ item.createTime }}</p>
<p
style="width: 250px; display: -webkit-box; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
{{ item.entryName }}
</p>
<p
style="width: 250px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;">
{{ item.name }}
</p>
</li>
</ul>
</vue-seamless-scroll> </vue-seamless-scroll>
</div> </div>
</div> </div>
</div> </div>
@ -336,16 +355,22 @@
</el-row> </el-row>
<el-row> <el-col :span="24" class="tlineheightb"> <el-row> <el-col :span="24" class="tlineheightb">
<div class="span-sty">项目负责人</div> <div class="span-sty">项目客户</div>
<el-form-item><span <el-form-item><span
class=" addinputInfo">{{ formobj.manager }}</span></el-form-item> class=" addinputInfo">{{ formobj.manager }}</span></el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-col :span="24" class="tlineheightb">
<div class="span-sty">项目负责人</div>
<el-form-item><span
class=" addinputInfo">{{ formobj.contacts }}</span></el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="24" class="tlineheightb"> <el-col :span="24" class="tlineheightb">
<div class="span-sty">联系电话</div> <div class="span-sty">联系电话</div>
<el-form-item><span <el-form-item><span
class=" addinputInfo">{{ formobj.telephone }}</span></el-form-item> class=" addinputInfo">{{ formobj.mob }}</span></el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -713,7 +738,8 @@
year: "", year: "",
month: "", month: "",
day: "" day: ""
} },
}; };
}, },
@ -734,7 +760,7 @@
defaultOption1() { defaultOption1() {
return { return {
step: 0.2, // 数值越大速度滚动越快 step: 0.2, // 数值越大速度滚动越快
limitMoveNum: 1, // 开始无缝滚动的数据量 this.dataList.length limitMoveNum: this.rightBomInfo.list.length, // 开始无缝滚动的数据量 this.dataList.length
hoverStop: true, // 是否开启鼠标悬停stop hoverStop: true, // 是否开启鼠标悬停stop
direction: 1, // 0向下 1向上 2向左 3向右 direction: 1, // 0向下 1向上 2向左 3向右
openWatch: true, // 开启数据实时监控刷新dom openWatch: true, // 开启数据实时监控刷新dom
@ -759,12 +785,12 @@
console.log("searchParams>>>>", searchParams) console.log("searchParams>>>>", searchParams)
// 根据参数名获取参数值 // 根据参数名获取参数值
this.params.projectSid = searchParams.get('projectSid'); this.params.projectSid = searchParams.get('projectSid');
this.params.projectName = searchParams.get('projectName'); // this.params.projectName = searchParams.get('projectName');
// this.params.orderDate = searchParams.get('orderDate'); // this.params.orderDate = searchParams.get('orderDate');
this.params.orderDate = getCurrentDate(); this.params.orderDate = getCurrentDate();
console.log("projectSid>>>>", this.params.projectSid) console.log("projectSid>>>>", this.params.projectSid)
console.log("projectName>>>>", this.params.projectName) // console.log("projectName>>>>", this.params.projectName)
console.log("orderDate>>>>", this.params.orderDate) // console.log("orderDate>>>>", this.params.orderDate)
// this.times = this.params.orderDate // this.times = this.params.orderDate
@ -1129,8 +1155,8 @@
clearTimeout(this.resizeTimeout); clearTimeout(this.resizeTimeout);
this.resizeTimeout = setTimeout(() => { this.resizeTimeout = setTimeout(() => {
this.myChart.resize(); this.myChart.resize();
// this.myChart1.resize(); this.myChart1.resize();
// this.myChart2.resize(); this.myChart2.resize();
}, 200); }, 200);
}, },
// 圆环图 // 圆环图
@ -1422,8 +1448,8 @@
color: "#fff", color: "#fff",
}, },
min: 0, min: 0,
max: 10000, max: 30000,
interval: 2000, interval: 5000,
axisLabel: { axisLabel: {
formatter: '{value}', formatter: '{value}',
textStyle: { textStyle: {
@ -1451,8 +1477,8 @@
color: "#fff", color: "#fff",
}, },
min: 0, min: 0,
max: 150, max: 120,
interval: 30, interval: 20,
axisLabel: { axisLabel: {
formatter: '{value}', formatter: '{value}',
textStyle: { textStyle: {
@ -5161,7 +5187,7 @@
top: 80px; top: 80px;
left: 40px; left: 40px;
width: 25%; width: 25%;
opacity: 0.85; opacity: 0.95;
max-height: 80%; max-height: 80%;
overflow-y: auto; overflow-y: auto;
@ -5537,8 +5563,12 @@
padding-top: 5px; padding-top: 5px;
#zhu { #zhu {
// width: 100%;
// height: 113%;
// margin-top: -15px;
// margin-left: 12%;
width: 100%; width: 100%;
height: 115%; height: 112%;
} }
} }
} }
@ -5869,19 +5899,21 @@
.echarts { .echarts {
margin-top: 10px; margin-top: 10px;
margin-left: 5px; margin-left: 5px;
width: 80%; width: 100%;
margin-left: 20%; padding-left: 15%;
height: calc(100vh * 275 / 1080); height: calc(100vh * 280 / 1080);
background: #092B77; background: #092B77;
border-radius: 10px; border-radius: 10px;
padding-top: 5px; padding-top: 5px;
padding-right: 10%; display: flex;
align-items: center;
box-sizing: border-box;
#rightZhu { #rightZhu {
margin-top: -25px; margin-top: 20px;
margin-left: 18%; margin-left: 18%;
width: 100%; width: 100%;
height: 130%; height: 125%;
} }
} }
} }
@ -6062,9 +6094,68 @@
} }
} }
.warp {
height: 270px;
width: 100%;
margin: 0 auto;
overflow: hidden;
.list {
margin-bottom: calc(100vh * 20 / 1080);
width: 100%;
// height: calc(100vh * 200 / 1080);
.list1 {
margin-bottom: calc(100vh *5 / 1080);
width: 100%;
height: 40px;
background: url(../../assets/tiao_bg.png) center no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 5%;
cursor: pointer;
overflow: hidden;
&:hover {
background: url(../../assets/tiao_bg_a.png) center no-repeat;
background-size: 100% 100%;
p {
color: #f3f407;
}
}
p {
margin-right: 15px;
color: #fff;
font-size: 0.7vw;
}
}
}
ul {
list-style: none;
padding: 0;
margin: 0 auto;
li,
a {
display: block;
height: 30px;
line-height: 30px;
display: flex;
justify-content: space-between;
font-size: 15px;
}
}
}
.seamless-warp { .seamless-warp {
width: 100%; width: 100%;
height: calc(100vh * 210 / 1080); height: calc(100vh *200 / 1080);
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -6075,7 +6166,8 @@
.list { .list {
margin-bottom: calc(100vh * 20 / 1080); margin-bottom: calc(100vh * 20 / 1080);
width: 100%; width: 100%;
height: calc(100vh * 500 / 1080); height: calc(100vh * 200 / 1080);
overflow: hidden;
.list1 { .list1 {
margin-bottom: calc(100vh *5 / 1080); margin-bottom: calc(100vh *5 / 1080);
@ -6088,6 +6180,7 @@
box-sizing: border-box; box-sizing: border-box;
padding-left: 5%; padding-left: 5%;
cursor: pointer; cursor: pointer;
overflow: hidden;
&:hover { &:hover {
background: url(../../assets/tiao_bg_a.png) center no-repeat; background: url(../../assets/tiao_bg_a.png) center no-repeat;

4
vue.config.js
View File

@ -40,9 +40,9 @@ module.exports = {
}, },
proxy: { proxy: {
'/api': { // 匹配所有以 '/api'开头的请求路径 '/api': { // 匹配所有以 '/api'开头的请求路径
target: process.env.VUE_APP_URL, // target: process.env.VUE_APP_URL,
// target: 'https://supervise.yxtsoft.com/reportwxmpapi', // target: 'https://supervise.yxtsoft.com/reportwxmpapi',
// target: process.env.VUE_APP_URL, // 代理目标的基础路径 target: process.env.VUE_APP_URL, // 代理目标的基础路径
changeOrigin: true, // 支持跨域 changeOrigin: true, // 支持跨域
pathRewrite: { // 重写路径: 去掉路径中开头的'/api' pathRewrite: { // 重写路径: 去掉路径中开头的'/api'
'^/api': '' '^/api': ''

Write Preview
Loading…
Cancel
Save