VueUi.git - Gitblit

			@@ -14,14 +14,14 @@
			:content="MarqueeTipsContent"
			class="MarqueeTipsContentClass"
			style="top:90px"
			:speed="speed"
			:speed="180"
			/>
			<div class="kb_content">
			<div class="kb_left">
			<!-- 1-->
			<div class="kb_left_top kb_pd10">
			<div class="kb_left_top_block" style="margin-top: 10px">
			<div class="headTitle kb_title_text">产品待入库</div>
			<div class="headTitle kb_title_text">产品待入库 <div style="margin-left: 30px">{{ number1 }} 单</div></div>
			<div class="content">
			<el-table
			ref="tableDataTopRef"
			@@ -34,87 +34,99 @@
			<el-table-column
			prop="voucherdate"
			label="单据日期"
			width="120"
			width="140"
			>
			<template slot-scope="{row}">
			<div v-if=" row.voucherdate">{{ row.voucherdate.substring(0, 10) }}</div>
			<div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div>
			<div v-else />
			</template>
			</el-table-column>
			<el-table-column
			prop="wo"
			label="单据编号"
			width="159"
			/>
			width="189"
			>
			<template slot-scope="{row}">
			<div class="ellipsis">{{ row.wo }}</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="wkshp_name"
			label="生产车间"
			width="105"
			/>
			>
			<template slot-scope="{row}">
			<div class="ellipsis">{{ row.wkshp_name }}</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="saleOrderCode"
			label="销售订单号"
			width="180"
			width="200"
			>
			<template slot-scope="{row}">
			<div v-if="row.saleOrderCode">{{ row.saleOrderCode }}</div>
			<div v-if="row.saleOrderCode" class="ellipsis">{{ row.saleOrderCode }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="materiel_code"
			label="产品编号"
			width="96"
			/>
			width="136"
			>
			<template slot-scope="{row}">
			<div class="ellipsis">{{ row.materiel_code }}</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="materiel_name"
			label="产品名称"
			width="160"
			width="180"
			>
			<template slot-scope="{row}">
			<div class="ellipsis">{{ row.materiel_name }}</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="specification"
			label="规格型号"
			width="128"
			>
			<template slot-scope="{row}">
			<div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<!-- <el-table-column-->
			<!-- prop="specification"-->
			<!-- label="规格型号"-->
			<!-- width="128"-->
			<!-- >-->
			<!-- <template slot-scope="{row}">-->
			<!-- <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>-->
			<!-- <div v-else>/</div>-->
			<!-- </template>-->
			<!-- </el-table-column>-->
			<el-table-column
			prop="stck_name"
			label="预入仓库"
			width="100"
			>
			<template slot-scope="{row}">
			<div v-if="row.stck_name">{{ row.stck_name }}</div>
			<div v-if="row.stck_name" class="ellipsis">{{ row.stck_name }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="quantity"
			label="数量"
			width="55"
			width="63"
			/>
			<el-table-column
			prop="totalStockInQuantity"
			label="已入库数量"
			width="80"
			width="100"
			>
			<template slot-scope="{row}">
			<div v-if="row.totalStockInQuantity">{{ row.totalStockInQuantity }}</div>
			<div v-else>0</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="uomname"
			label="单位"
			width="50"
			/>
			<!-- <el-table-column-->
			<!-- prop="uomname"-->
			<!-- label="单位"-->
			<!-- width="50"-->
			<!-- />-->
			<!-- <el-table-column-->
			<!-- prop="preStartDate"-->
			<!-- label="预计开工"-->
			@@ -128,7 +140,7 @@
			<el-table-column
			prop="preFinishDate"
			label="预计入库"
			width="120"
			width="140"
			>
			<template slot-scope="{row}">
			<div v-if="row.preFinishDate">{{ row.preFinishDate.substring(0, 10) }}</div>
			@@ -139,7 +151,7 @@
			</div>
			</div>
			<div class="kb_left_top_block" style="margin-top: 25px">
			<div class="headTitle kb_title_text">产品待发货</div>
			<div class="headTitle kb_title_text">产品待发货 <div style="margin-left: 30px">{{ number2 }} 单</div></div>
			<div class="content">
			<el-table
			ref="tableDataBottomRef"
			@@ -152,18 +164,22 @@
			<el-table-column
			prop="voucherdate"
			label="单据日期"
			width="110"
			width="130"
			>
			<template slot-scope="{row}">
			<div v-if="row.voucherdate">{{ row.voucherdate.substring(0, 10) }}</div>
			<div v-else />
			<div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="wo"
			label="单据编号"
			width="145"
			/>
			width="195"
			>
			<template slot-scope="{row}">
			<div class="ellipsis">{{ row.wo }}</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="customename"
			label="客户"
			@@ -171,73 +187,96 @@
			>
			<template slot-scope="{row}">
			<div v-if="row.customename" class="ellipsis">{{ row.customename }}</div>
			<div v-else />
			</template>
			</el-table-column>
			<el-table-column
			prop="username"
			label="业务员"
			width="65"
			/>
			<el-table-column
			prop="SourceVoucherCode"
			label="来源单号"
			width="145"
			>
			<template slot-scope="{row}">
			<div v-if="row.SourceVoucherCode">{{ row.SourceVoucherCode }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<!-- <el-table-column-->
			<!-- prop="username"-->
			<!-- label="业务员"-->
			<!-- width="65"-->
			<!-- >-->
			<!-- <template slot-scope="{row}">-->
			<!-- <div v-if="row.username" class="ellipsis">{{ row.username }}</div>-->
			<!-- <div v-else>/</div>-->
			<!-- </template>-->
			<!-- </el-table-column>-->
			<el-table-column
			prop="materiel_code"
			label="产品编号"
			width="96"
			/>
			prop="SourceVoucherCode"
			label="来源单号"
			width="185"
			>
			<template slot-scope="{row}">
			<div v-if="row.SourceVoucherCode" class="ellipsis">{{ row.SourceVoucherCode }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<!-- <el-table-column-->
			<!-- prop="materiel_code"-->
			<!-- label="产品编号"-->
			<!-- width="96"-->
			<!-- />-->
			<el-table-column
			prop="materiel_name"
			label="产品名称"
			width="170"
			/>
			<el-table-column
			prop="specification"
			label="规格型号"
			width="100"
			>
			<template slot-scope="{row}">
			<div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>
			<div v-else>/</div>
			<div v-if="row.materiel_name" class="ellipsis">{{ row.materiel_name }}</div>
			</template>
			</el-table-column>
			<!-- <el-table-column-->
			<!-- prop="specification"-->
			<!-- label="规格型号"-->
			<!-- width="100"-->
			<!-- >-->
			<!-- <template slot-scope="{row}">-->
			<!-- <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>-->
			<!-- <div v-else>/</div>-->
			<!-- </template>-->
			<!-- </el-table-column>-->
			<el-table-column
			prop="quantity"
			label="数量"
			width="47"
			/>
			width="87"
			>
			<template slot-scope="{row}">
			<div class="ellipsis">{{ row.quantity }}</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="saleOutQuantity"
			label="已发货数量"
			width="80"
			width="100"
			>
			<template slot-scope="{row}">
			<div v-if="row.saleOutQuantity">{{ row.saleOutQuantity }}</div>
			<div v-if="row.saleOutQuantity" class="ellipsis">{{ row.saleOutQuantity }}</div>
			<div v-else>0</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="priuserdefnvc1"
			label="检验方式"
			width="80"
			/>
			width="110"
			>
			<template slot-scope="{row}">
			<div v-if="row.priuserdefnvc1">{{ row.priuserdefnvc1 }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="priuserdefnvc2"
			label="检验人员"
			width="80"
			/>
			width="110"
			>
			<template slot-scope="{row}">
			<div v-if="row.priuserdefnvc2">{{ row.priuserdefnvc2 }}</div>
			<div v-else>/</div>
			</template>
			</el-table-column>
			<el-table-column
			prop="deliveryDate"
			label="预计交货日期"
			width="110"
			width="141"
			>
			<template slot-scope="{row}">
			<div v-if="row.deliveryDate">{{ row.deliveryDate.substring(0,10) }}</div>
			@@ -252,11 +291,12 @@
			<div class="kb_right kb_pd10">
			<div class="kb_right_top kb_pd10">
			<div class="kb_right_top_content">
			<div class="content_head kb_title_text" style="margin-top: 30px;">产品库存量排行Top5</div>
			<div class="content_head kb_title_text" style="margin-top: 30px;">半成品、产品库存量排行Top5</div>
			<div class="content_body" style="height:402px;">
			<div id="bar03" style="width: 100%;height:100%" />
			</div>
			<div class="content_head kb_title_text" style="margin-top: 12px">半成品库存量排行Top5</div>
			<!-- <div class="content_head kb_title_text" style="margin-top: 12px">半成品库存量排行Top5</div>-->
			<div class="content_head kb_title_text" style="margin-top: 12px">原材料库存量排行Top5</div>
			<div class="content_body">
			<div id="bar04" style="width: 100%;height:100%" />
			</div>
			@@ -291,6 +331,9 @@
			tableDataTop: [],
			tableDataBottom: [],

			number1: '',
			number2: '',

			MarqueeTipsContent: '', // 公告
			speed: 100// 公告播放的速度
			}
			@@ -309,16 +352,16 @@
			methods: {
			// 获取公告
			getMarqueeTipsContent() {
			this.MarqueeTipsContent = '各位员工们：根据上级的通知，结合我企实际情况，现将20xx年的元旦放假通知如下：一、1月1日至1月3日放假调休，共3天。1月4日正式上班。二、节假日期间，各班组要严格落实上级的重要指示精神，按照上级的具体要求，认真抓好落实节日期间值班备勤工作，确保节日期间企业各项工作正常运转。xx企业20xx年12月28日'
			const spance = ' '.padStart(this.MarqueeTipsContent.length * 2, ' ')
			this.MarqueeTipsContent = this.MarqueeTipsContent + spance
			this.speed = this.MarqueeTipsContent.length / 10
			// this.MarqueeTipsContent = '各位员工们：根据上级的通知，结合我企实际情况，现将20xx年的元旦放假通知如下：一、1月1日至1月3日放假调休，共3天。1月4日正式上班。二、节假日期间，各班组要严格落实上级的重要指示精神，按照上级的具体要求，认真抓好落实节日期间值班备勤工作，确保节日期间企业各项工作正常运转。xx企业20xx年12月28日'
			// const spance = ' '.padStart(this.MarqueeTipsContent.length * 2, ' ')
			// this.MarqueeTipsContent = this.MarqueeTipsContent + spance
			// this.speed = this.MarqueeTipsContent.length / 10
			},
			// 获取左上table数据
			getWareHouseTopLeftData() {
			WareHouseTopLeftData().then(res => {
			this.tableDataTop = res.data

			this.number1 = this.tableDataTop.length
			const divData = this.$refs.tableDataTopRef.bodyWrapper
			// 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
			const task = setInterval(() => {
			@@ -331,6 +374,7 @@
			divData.scrollTop = 0
			WareHouseTopLeftData().then(res => {
			this.tableDataTop = res.data
			this.number1 = this.tableDataTop.length
			if (this.tableDataTop.length > 9) {
			clearInterval(task)
			this.getWareHouseTopLeftData()
			@@ -344,7 +388,7 @@
			getWareHouseTopBottomData() {
			WareHouseTopBottomData().then(res => {
			this.tableDataBottom = res.data

			this.number2 = this.tableDataBottom.length
			const divData = this.$refs.tableDataBottomRef.bodyWrapper
			// 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素)
			const task = setInterval(() => {
			@@ -357,7 +401,7 @@
			divData.scrollTop = 0
			WareHouseTopBottomData().then(res => {
			this.tableDataBottom = res.data

			this.number2 = this.tableDataBottom.length
			if (this.tableDataBottom.length > 10) {
			clearInterval(task)
			this.getWareHouseTopBottomData()
			@@ -466,9 +510,10 @@
			//text-align: center;
			//font-size: 26px;
			line-height: 20px;
			font-size: 18px;
			//font-size: 18px;
			margin-bottom: 10px;
			margin-top: -10px;
			display: flex;
			color: #00ffff;

			}
			@@ -497,7 +542,7 @@

			.content_head {
			line-height: 20px;
			font-size: 18px;
			//font-size: 18px;
			margin-bottom: 10px;
			margin-top: -10px;
			color: #00ffff;
			@@ -530,5 +575,7 @@

			::v-deep .cell {
			padding: 0 !important;
			//font-size: 16px;
			font-size: 18px;
			}
			</style>