| src/views/kanbanManager/cj.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/kanbanManager/ckgl.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| src/views/kanbanManager/zhkb.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
| vue.config.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/views/kanbanManager/cj.vue
@@ -6,12 +6,11 @@ <div class="kb_header"> <div class="kb_headTime" style="top: 35px;left: 20px"> <span>永康市桥下塑料厂</span> <span>永康市新光灯具有限公司</span> </div> <div class="kb_headTime kb_header_text" style="top: 35px;left: 800px"> <!-- <span>{{ title }}数字化看板</span>--> <span>发泡挤出数字化看板</span> <span>{{ title }}数字化看板</span> </div> <div class="kb_headTime" style="top: 35px;right: 25px"> @@ -30,7 +29,7 @@ </div> <div class="lineContent horn" style="height: 870px;display: flex;flex-direction: column;justify-content: space-between" style="height: 450px;display: flex;flex-direction: column;justify-content: space-between" > <el-table ref="tableDataLeftCenterRef" @@ -39,34 +38,28 @@ style="width: 100%;" :header-cell-style="headerCellStyle" :cell-style="cellStyle" height="920" height="500" > <el-table-column prop="wo_code" label="工单号" width="270" width="220" /> <!-- <el-table-column--> <!-- prop="saleOrderCode"--> <!-- label="生产单号"--> <!-- width="160"--> <!-- />--> <el-table-column prop="wkshp_name" label="生产车间" width="210" prop="saleOrderCode" label="生产单号" width="160" /> <!-- 600--> <el-table-column prop="partcode" label="产品编码" width="210" width="160" /> <el-table-column prop="partname" label="产品名称" width="210" width="160" /> <!-- <el-table-column--> <!-- prop="partspec"--> @@ -80,47 +73,47 @@ <el-table-column prop="plan_qty" label="任务数量" width="170" width="120" /> <el-table-column prop="good_qty" label="合格数量" width="170" width="120" /> <!-- <el-table-column--> <!-- prop="ng_qty"--> <!-- label="不良数量"--> <!-- width="120"--> <!-- />--> <!-- <el-table-column--> <!-- prop="laborbad_qty"--> <!-- label="工废数量"--> <!-- width="120"--> <!-- />--> <!-- <el-table-column--> <!-- prop="materielbad_qty"--> <!-- label="料废数量"--> <!-- width="120"--> <!-- />--> <!-- <el-table-column--> <!-- prop="seq"--> <!-- label="工序顺序"--> <!-- width="120"--> <!-- />--> <!-- <el-table-column--> <!-- prop="step_code"--> <!-- label="工序编码"--> <!-- width="120"--> <!-- />--> <el-table-column prop="ng_qty" label="不良数量" width="120" /> <el-table-column prop="laborbad_qty" label="工废数量" width="120" /> <el-table-column prop="materielbad_qty" label="料废数量" width="120" /> <el-table-column prop="seq" label="工序顺序" width="120" /> <el-table-column prop="step_code" label="工序编码" width="120" /> <el-table-column prop="step_name" label="工序名称" width="320" width="120" /> <el-table-column prop="schedule" label="完成进度(%)" width="313" width="213" /> </el-table> </div> @@ -128,27 +121,27 @@ </div> <!-- 下边--> <!-- <div style="display: flex;justify-content: space-between;margin-top: 15px;">--> <!-- <div style="width: 1000px;">--> <!-- <div class="smallTitle">--> <!-- <svg-icon icon-class="blcs" class="svg_class" />--> <!-- 质量不良(近一周)--> <!-- </div>--> <!-- <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">--> <!-- <div id="cjzl03" class="flex_c_c" style="width: 100%;height:100%" />--> <div style="display: flex;justify-content: space-between;margin-top: 15px;"> <div style="width: 1000px;"> <div class="smallTitle"> <svg-icon icon-class="blcs" class="svg_class" /> 质量不良(近一周) </div> <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between"> <div id="cjzl03" class="flex_c_c" style="width: 100%;height:100%" /> <!-- </div>--> <!-- </div>--> <!-- <div style="width: 850px;">--> <!-- <div class="smallTitle">--> <!-- <svg-icon icon-class="ckkc" class="svg_class" />--> <!-- 不良统计(近一月)--> <!-- </div>--> <!-- <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">--> <!-- <div id="cjzl04" class="flex_c_c" style="width: 100%;height:100%" />--> <!-- </div>--> <!-- </div>--> <!-- </div>--> </div> </div> <div style="width: 850px;"> <div class="smallTitle"> <svg-icon icon-class="ckkc" class="svg_class" /> 不良统计(近一月) </div> <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between"> <div id="cjzl04" class="flex_c_c" style="width: 100%;height:100%" /> </div> </div> </div> </div> </div> </div> @@ -189,10 +182,6 @@ } }, activated() { window.addEventListener('resize', this.getHeight) this.getHeight() }, created() { setInterval(this.getNowTime, 1000) @@ -202,13 +191,11 @@ }, 1000 * 60 * 120) }, mounted() { // this.getAllApi() this.getWorkShopProduceTopData() this.getAllApi() }, methods: { async getWorkShopProduceTopData() { // WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => { WorkShopProduceTopData({ wkshopcode: '101,102' }).then(res => { WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => { this.tableDataCenterTop = res.data const divData = this.$refs.tableDataLeftCenterRef.bodyWrapper @@ -220,13 +207,13 @@ WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => { this.tableDataCenterTop = res.data if (this.tableDataCenterTop.length > 22) { if (this.tableDataCenterTop.length > 11) { clearInterval(timer) this.getWorkShopProduceTopData() } }) } }, this.tableDataCenterTop.length <= 22 ? 1000 * 30 : 200) }, this.tableDataCenterTop.length <= 11 ? 1000 * 30 : 200) }) },
@@ -5,7 +5,7 @@ <div class="kb_backgroundCustom" /> <div class="kb_header"> <div class="kb_headTime" style="top: 35px;left: 20px"> <span>永康市桥下塑料厂</span> <span>永康市新光灯具有限公司</span> </div> <div class="kb_headTime kb_header_text" style="top: 35px;left: 800px"> @@ -19,12 +19,12 @@ <div style="display: flex;justify-content: space-between;padding:0 20px 20px 20px;height: 950px"> <div style="width: 1350px;z-index: 2;margin-top: 50px;" class="flex_c_b"> <div> <div style="height: 945px;"> <div class="smallTitle"> <svg-icon icon-class="cpdrk" class="svg_class" /> 生产入库 生产待入库 </div> <div class="lineContent horn" style="height: 886px"> <div class="lineContent horn" style="height: 885px"> <el-table ref="tableDataTopRef" :data="tableDataTop" @@ -32,7 +32,7 @@ class="tableData" :header-cell-style="headerCellStyleCenter" :cell-style="cellStyleCenter" height="870" height="880" > <el-table-column prop="voucherdate" @@ -56,7 +56,7 @@ <el-table-column prop="wkshp_name" label="生产车间" width="105" width="135" > <template slot-scope="{row}"> <div class="ellipsis">{{ row.wkshp_name }}</div> @@ -84,26 +84,26 @@ <el-table-column prop="materiel_name" label="产品名称" width="270" width="400" > <template slot-scope="{row}"> <div class="ellipsis">{{ row.materiel_name }}</div> </template> </el-table-column> <el-table-column prop="specification" label="规格型号" width="186" > <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="136"--> <!-- >--> <!-- <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" width="156" > <template slot-scope="{row}"> <div v-if="row.stck_name" class="ellipsis">{{ row.stck_name }}</div> @@ -113,7 +113,7 @@ <el-table-column prop="quantity" label="数量" width="113" width="83" /> <el-table-column prop="totalStockInQuantity" @@ -154,104 +154,104 @@ </el-table> </div> </div> <!-- <div style="height: 470px;margin-top: 30px;">--> <!-- <div class="smallTitle">--> <!-- <svg-icon icon-class="drk" class="svg_class" />--> <!-- 委外待入库--> <!-- </div>--> <!-- <div class="lineContent horn" style="height: 410px">--> <!-- <el-table--> <!-- ref="tableDataBottomRef"--> <!-- :data="tableDataBottom"--> <!-- style="width: 100%;"--> <!-- class="tableData"--> <!-- :header-cell-style="headerCellStyleCenter"--> <!-- :cell-style="cellStyleCenter"--> <!-- height="405"--> <!-- >--> <!-- <el-table-column--> <!-- prop="voucherdate"--> <!-- label="单据日期"--> <!-- width="151"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <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="225"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <div class="ellipsis">{{ row.wo }}</div>--> <!-- </template>--> <!-- </el-table-column>--> <div v-if="false" style="height: 470px;margin-top: 30px;"> <div class="smallTitle"> <svg-icon icon-class="drk" class="svg_class" /> 委外待入库 </div> <div class="lineContent horn" style="height: 410px"> <el-table ref="tableDataBottomRef" :data="tableDataBottom" style="width: 100%;" class="tableData" :header-cell-style="headerCellStyleCenter" :cell-style="cellStyleCenter" height="405" > <el-table-column prop="voucherdate" label="单据日期" width="151" > <template slot-scope="{row}"> <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="225" > <template slot-scope="{row}"> <div class="ellipsis">{{ row.wo }}</div> </template> </el-table-column> <!-- <el-table-column--> <!-- prop="materiel_name"--> <!-- label="产品名称"--> <!-- width="278"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <div v-if="row.materiel_name" class="ellipsis">{{ row.materiel_name }}</div>--> <!-- </template>--> <!-- </el-table-column>--> <!-- <el-table-column--> <!-- prop="specification"--> <!-- label="规格型号"--> <!-- width="220"--> <!-- >--> <!-- <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="120"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <div class="ellipsis">{{ row.quantity }}</div>--> <!-- </template>--> <!-- </el-table-column>--> <!-- <el-table-column--> <!-- prop="saleOutQuantity"--> <!-- label="已发货数量"--> <!-- width="140"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <div v-if="row.saleOutQuantity" class="ellipsis">{{ row.saleOutQuantity }}</div>--> <!-- <div v-else>0</div>--> <!-- </template>--> <!-- </el-table-column>--> <el-table-column prop="materiel_name" label="产品名称" width="278" > <template slot-scope="{row}"> <div v-if="row.materiel_name" class="ellipsis">{{ row.materiel_name }}</div> </template> </el-table-column> <el-table-column prop="specification" label="规格型号" width="220" > <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="120" > <template slot-scope="{row}"> <div class="ellipsis">{{ row.quantity }}</div> </template> </el-table-column> <el-table-column prop="saleOutQuantity" label="已发货数量" width="140" > <template slot-scope="{row}"> <div v-if="row.saleOutQuantity" class="ellipsis">{{ row.saleOutQuantity }}</div> <div v-else>0</div> </template> </el-table-column> <!-- <el-table-column--> <!-- prop="deliveryDate"--> <!-- label="预计交付日期"--> <!-- width="200"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <div v-if="row.deliveryDate">{{ row.deliveryDate.substring(0, 10) }}</div>--> <!-- <div v-else>/</div>--> <!-- </template>--> <!-- </el-table-column>--> <el-table-column prop="deliveryDate" label="预计交付日期" width="200" > <template slot-scope="{row}"> <div v-if="row.deliveryDate">{{ row.deliveryDate.substring(0, 10) }}</div> <div v-else>/</div> </template> </el-table-column> <!-- <!– <el-table-column–>--> <!-- <!– prop="warning"–>--> <!-- <!– label="延期天数"–>--> <!-- <!– width="130"–>--> <!-- <!– >–>--> <!-- <!– <template slot-scope="{row}">–>--> <!-- <!– <div v-if="row.warning">{{ row.warning }}</div>–>--> <!-- <!– <div v-else>/</div>–>--> <!-- <!– </template>–>--> <!-- <!– </el-table-column>–>--> <!-- </el-table>--> <!-- </div>--> <!-- </div>--> <!-- <el-table-column--> <!-- prop="warning"--> <!-- label="延期天数"--> <!-- width="130"--> <!-- >--> <!-- <template slot-scope="{row}">--> <!-- <div v-if="row.warning">{{ row.warning }}</div>--> <!-- <div v-else>/</div>--> <!-- </template>--> <!-- </el-table-column>--> </el-table> </div> </div> </div> <div style="width: 500px;z-index: 2;margin-top: 50px;" class="flex_c_b"> @@ -301,7 +301,7 @@ headTime: '', tableDataTop: [], // tableDataBottom: [], tableDataBottom: [], MarqueeTipsContent: '', // 公告 speed: 100, // 公告播放的速度 @@ -317,10 +317,6 @@ } }, activated() { window.addEventListener('resize', this.getHeight) this.getHeight() }, created() { setInterval(this.getNowTime, 1000)
@@ -6,11 +6,11 @@ <div class="kb_header"> <div class="kb_headTime" style="top: 35px;left: 20px"> <span>永康市桥下塑料厂</span> <span>永康市新光灯具有限公司</span> </div> <div class="kb_headTime kb_header_text" style="top: 35px;left: 800px"> <span>桥下综合数字化看板</span> <span>车间综合数字化看板</span> </div> <div class="kb_headTime" style="top: 35px;right: 25px"> @@ -147,11 +147,11 @@ <div class="box02" /> <div>原材料</div> </div> <!-- <div class="kb_center_block_children all_block06">--> <!-- <div style="font-size: 24px;">{{ parseFloat(RightBottom.B) }}</div>--> <!-- <div class="box02" />--> <!-- <div>半成品</div>--> <!-- </div>--> <div class="kb_center_block_children all_block06"> <div style="font-size: 24px;">{{ parseFloat(RightBottom.B) }}</div> <div class="box02" /> <div>半成品</div> </div> <div class="kb_center_block_children all_block07"> <div style="font-size: 24px;">{{ parseFloat(RightBottom.C) }}</div> <div class="box02" /> @@ -211,8 +211,9 @@ async getAllApi() { // const { data: res } = await ShopSearch() const res = [ { org_code: '101', org_name: '发泡车间' }, { org_code: '102', org_name: '挤出车间' } { org_code: '1501', org_name: '木料车间' }, { org_code: '1502', org_name: '装配车间' }, { org_code: '1503', org_name: '压铸车间' } ] this.wkshopArr = res @@ -518,19 +519,19 @@ .all_block05 { position: absolute; animation: upDown 3s ease-in-out infinite; left: 140px; left: 60px; } //.all_block06 { // position: absolute; // animation: upDown2 3s ease-in-out infinite; // left: 320px; //} .all_block06 { position: absolute; animation: upDown2 3s ease-in-out infinite; left: 290px; } .all_block07 { position: absolute; animation: upDown 3s ease-in-out infinite; left: 500px; left: 520px; } @keyframes upDown { vue.config.js
@@ -52,8 +52,8 @@ }, proxy: { [process.env.VUE_APP_BASE_API]: { target: 'http://121.196.36.24:8034', // 本地 // target: 'http://192.168.0.99:8000', // 桥下 target: 'http://121.196.36.24:8037', // 本地 // target: 'http://192.168.10.81:8000', // 新光 changeOrigin: true, // 请求跨域时，需 配置此项 pathRewrite: { // 路径重写,替换target中的请求地址 ['^' + process.env.VUE_APP_BASE_API]: '/api/'
