1.看板文本调整

main
董哲奇 7 months ago
parent 15b00cba23
commit 6aa7f273fb

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>大数据分析系统</title> <title>钢加综合数据看板</title>
</head> </head>
<body> <body>
<noscript> <noscript>

@ -746,7 +746,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.amphiPosition-container { .amphiPosition-container {
margin-top: 10px; margin-top: 50px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
.amphiPosition-box { .amphiPosition-box {

@ -11,13 +11,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="query-btn" @click="queryBtn"></div> <div class="query-btn" @click="queryBtn"></div>
</div>--> </div>-->
<div class="forwardDemand-box"> <div class="forwardDemand-box">
<div class="left-box"> <div class="left-box">
<div class="border-out"> <div class="border-out">
<div class="border-inner"> <div class="border-inner">
<div class="left-top-title">需求计划分析</div> <div class="left-top-title">需求计划情况</div>
<!-- 表格 --> <!-- 表格 -->
<div class="left-top-box"> <div class="left-top-box">
<el-row class="sum-border"> <el-row class="sum-border">
@ -440,7 +440,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.forwardDemand-container { .forwardDemand-container {
margin-top: 10px; margin-top: 50px;
padding-left: 5px; padding-left: 5px;
padding-right: 5px; padding-right: 5px;
.forwardDemand-box { .forwardDemand-box {

@ -12,7 +12,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="query-btn" @click="queryBtn"></div> <div class="query-btn" @click="queryBtn"></div>
</div> </div>
<div class="integration-box"> <div class="integration-box">
<div class="border-out"> <div class="border-out">
@ -27,8 +27,12 @@
> >
<div class="pop-left"> <div class="pop-left">
<dv-border-box-12 class="datav-border"> <dv-border-box-12 class="datav-border">
<div class="status-text">设备状态 使用</div> <div class="status-text">设备状态 {{item.status==='00'?'停机':'开机'}}</div>
<div class="">加高套料图号 GHDLGFT</div> <div class="status-text">船号 {{item.dcCh}}</div>
<div class="status-text">批次 {{item.dcPl}}</div>
<div class="status-text">套料图号 {{item.tzbh}}</div>
<div class="status-text">开始时间 {{item.beginAt}}</div>
<div class="">结束时间 {{item.overAt}}</div>
</dv-border-box-12> </dv-border-box-12>
</div> </div>
<img :src="item.img" alt="" /> <img :src="item.img" alt="" />
@ -43,8 +47,12 @@
<div class="pop-left"> <div class="pop-left">
<!-- <dv-border-box-8 style="width: 200px;height: 100px;">dv-border-box-8</dv-border-box-8> --> <!-- <dv-border-box-8 style="width: 200px;height: 100px;">dv-border-box-8</dv-border-box-8> -->
<dv-border-box-12 class="datav-border"> <dv-border-box-12 class="datav-border">
<div class="status-text">设备状态 使用</div> <div class="status-text">设备状态 {{item.status==='00'?'停机':'开机'}}</div>
<div class="">加工套料图号 GHDLGFT</div> <div class="status-text">船号 {{item.dcCh}}</div>
<div class="status-text">批次 {{item.dcPl}}</div>
<div class="status-text">套料图号 {{item.tzbh}}</div>
<div class="status-text">开始时间 {{item.beginAt}}</div>
<div class="">结束时间 {{item.overAt}}</div>
</dv-border-box-12> </dv-border-box-12>
</div> </div>
<img :src="item.img" alt="" /> <img :src="item.img" alt="" />
@ -67,23 +75,59 @@ export default {
}, },
deviceLeftList: [ deviceLeftList: [
{ {
status:'00',
dcCh:'',
dcPl:'',
tzbh:'',
beginAt:'',
overAt:'',
img: require("@/assets/image/xc1.png"), img: require("@/assets/image/xc1.png"),
}, },
{ {
status:'01',
dcCh:'G175K-12',
dcPl:'119',
tzbh:'B119N4PX011',
beginAt:'2024/11/27 7:27',
overAt:'',
img: require("@/assets/image/xc1.png"), img: require("@/assets/image/xc1.png"),
}, },
], ],
deviceRightList: [ deviceRightList: [
{ {
status:'01',
dcCh:'G175K-12',
dcPl:'119',
tzbh:'B119N4PX007',
beginAt:'2024/11/27 7:27',
overAt:'',
img: require("@/assets/image/xc2.png"), img: require("@/assets/image/xc2.png"),
}, },
{ {
status:'01',
dcCh:"G175K-12",
dcPl:'119',
tzbh:'B119N4PX016',
beginAt:'2024/11/27 7:27',
overAt:'',
img: require("@/assets/image/xc2.png"), img: require("@/assets/image/xc2.png"),
}, },
{ {
status:'01',
dcCh:"G175K-12",
dcPl:'119',
tzbh:'B119N4PX021',
beginAt:'2024/11/27 7:27',
overAt:'',
img: require("@/assets/image/xc2.png"), img: require("@/assets/image/xc2.png"),
}, },
{ {
status:'00',
dcCh:"G175K-12",
dcPl:'119',
tzbh:'B119N4PX020',
beginAt:'2024/11/27 7:27',
overAt:'2024/11/27 8:15',
img: require("@/assets/image/xc2.png"), img: require("@/assets/image/xc2.png"),
}, },
], ],

@ -2,7 +2,7 @@
<!-- 线表分析 --> <!-- 线表分析 -->
<div class="lineTableAnalysis-container"> <div class="lineTableAnalysis-container">
<!-- 筛选 --> <!-- 筛选 -->
<!-- <div class="formData-box"> <div class="formData-box">
<el-form ref="form" :model="formData" label-width="90px"> <el-form ref="form" :model="formData" label-width="90px">
<el-form-item label="请选择年份" size="mini"> <el-form-item label="请选择年份" size="mini">
<el-select v-model="formData.year" placeholder=""> <el-select v-model="formData.year" placeholder="">
@ -11,15 +11,15 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="query-btn" @click="queryBtn"></div> <div class="query-btn" @click="queryBtn"></div>
</div>--> </div>
<div class="lineTableAnalysis-box"> <div class="lineTableAnalysis-box">
<div class="left-box"> <div class="left-box">
<div class="border-out"> <div class="border-out">
<div class="border-inner"> <div class="border-inner">
<!-- 线标分析-折线图 --> <!-- 线标分析-折线图 -->
<div class="left-top-box"> <div class="left-top-box">
<div class="left-top-title">线表分析</div> <div class="left-top-title">线表情况</div>
<div id="TableLine" class="TableLine"></div> <div id="TableLine" class="TableLine"></div>
</div> </div>
</div> </div>
@ -28,7 +28,7 @@
<div class="border-inner"> <div class="border-inner">
<!-- 线标分析 -柱状图 --> <!-- 线标分析 -柱状图 -->
<div class="left-bottom-box"> <div class="left-bottom-box">
<div class="left-bottom-title">线表分析</div> <div class="left-bottom-title">线表与月度计划</div>
<div id="TableBar" class="TableBar"></div> <div id="TableBar" class="TableBar"></div>
</div> </div>
</div> </div>

@ -26,7 +26,7 @@
> >
</el-option> </el-option>
</el-select> </el-select>
<div class="query-btn" @click="queryBtn"></div> <div class="query-btn" @click="queryBtn"></div>
</div> </div>
<div class="viewpdf-box"> <div class="viewpdf-box">
<div class="border-out"> <div class="border-out">

@ -104,25 +104,25 @@ export default {
}, },
{ {
id: 2, id: 2,
name: "线表分析", name: "线表情况",
}, },
{ {
id: 3, id: 3,
name: "前方需求分析", name: "前方需求情况",
}, },
], //tabs ], //tabs
headerRightList: [ headerRightList: [
{ {
id: 4, id: 4,
name: "月度计划分析", name: "月度计划情况",
}, },
{ {
id: 5, id: 5,
name: "跨位分析", name: "跨位情况",
}, },
{ {
id: 6, id: 6,
name: "小池集成", name: "设备运行情况",
}, },
{ {
id: 7, id: 7,

Loading…
Cancel
Save