| | |
| | | }, |
| | | title: { |
| | | text: titleText, |
| | | x: '73%', |
| | | x: '66%', |
| | | y: '2%', |
| | | textStyle: { |
| | | // color: '#fff', |
| | |
| | | <div class="content01"> |
| | | <div class="pic01" /> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseArrivalOrderCont }}</div> |
| | | <div class="text">本月采购单数</div> |
| | | <div class="text">本月采购订单数</div> |
| | | </div> |
| | | <div class="content01"> |
| | | <div class="pic01" /> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseOrderCont }}</div> |
| | | <div class="text">本月进货单数</div> |
| | | <div class="text">本月到货单数</div> |
| | | </div> |
| | | <div class="content01"> |
| | | <div class="pic01" /> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthWareHouseOrderCont }}</div> |
| | | <div class="text">本月入库单数</div> |
| | | <div class="text">本月采购入库单数</div> |
| | | <!-- <div id="pie01" ref="pie01" class="pie01" />--> |
| | | <!-- <div class="text" style="margin-top: -10px">当月延期占比</div>--> |
| | | </div> |
| | |
| | | <!-- 2--> |
| | | <div class="kb_left_bottom kb_pd10"> |
| | | <div class="kb_left_bottom_content"> |
| | | <div class="content_head">我是标题:</div> |
| | | <div class="content_head">采购到货跟踪:</div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableData" |
| | |
| | | /> |
| | | <el-table-column |
| | | prop="cont" |
| | | label="数量" |
| | | label="延期次数" |
| | | width="125" |
| | | /> |
| | | </el-table> |
| | |
| | | <!-- 1--> |
| | | <div class="kb_left_top kb_pd10"> |
| | | <div class="kb_left_top_block"> |
| | | <div class="headTitle">成品入库单:</div> |
| | | <div class="headTitle">产品待入库:</div> |
| | | <div class="content"> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="kb_left_top_block"> |
| | | <div class="headTitle">成品出库单:</div> |
| | | <div class="headTitle">产品待发货:</div> |
| | | <div class="content"> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="kb_right kb_pd10"> |
| | | <div v-if="false" class="kb_right kb_pd10"> |
| | | <div class="kb_right_top kb_pd10"> |
| | | <div class="kb_right_top_content"> |
| | | <div class="content_head">库存排行:</div> |
| | |
| | | |
| | | // 获取echarts |
| | | getEcharts() { |
| | | loadEcharts('bar03', bar03('本周入库量汇总')) |
| | | loadEcharts('bar04', bar03('本周出货量汇总')) |
| | | loadEcharts('bar03', bar03('产品库存量排行Top5')) |
| | | loadEcharts('bar04', bar03('原料库存量排行Top5')) |
| | | }, |
| | | |
| | | // 获取当前时间 |
| | |
| | | <div class="kb_left_top_title01"> |
| | | <!-- <div class="PG01" />--> |
| | | <!-- <svg-icon icon-class="sccx" />--> |
| | | 生产产线: |
| | | 产线加工中任务: |
| | | </div> |
| | | |
| | | <div class="kb_left_top kb_pd10"> |
| | |
| | | <!-- 2--> |
| | | <div class="kb_left_bottom kb_pd10"> |
| | | <div class="kb_left_bottom_content"> |
| | | <div class="content_head">在制订单:</div> |
| | | <div class="content_head">产线加工任务:</div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableData" |
| | |
| | | <div class="kb_right kb_pd10"> |
| | | <div class="kb_right_top kb_pd10"> |
| | | <div class="kb_right_top_content"> |
| | | <div class="content_head">当日车间产线产品数量排行:</div> |
| | | <div class="content_head">当日完工产品数量排行:</div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableDataRank" |
| | |
| | | </div> |
| | | <div class="kb_right_bottom kb_pd10"> |
| | | <div class="kb_right_bottom_content_title"> |
| | | 一周内Top5不良: |
| | | 一周不良Top5: |
| | | </div> |
| | | <div class="kb_right_bottom_content"> |
| | | <div id="bar02" style="width: 100%;height:100%" /> |
| | |
| | | |
| | | <div class="bodyTopButtonGroup"> |
| | | <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button> |
| | | <!-- <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>--> |
| | | <el-button icon="el-icon-download" @click="upload">导入</el-button> |
| | | </div> |
| | | <div class="bodyTopFormGroup"> |
| | | <el-form |
| | |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | <!--导入组件--> |
| | | <import-picker ref="importPickerFunc" class="importPickerClass" :shows.sync="shows" :title="title_value" :colos="colos" :code="code" /> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { AddUpdateDedect, DedectSearch, DeleteDedect } from '@/api/zlgl' |
| | | import ImportPicker from '@/components/ImportPicker' |
| | | |
| | | const SER_HZ = /^[\u4e00-\u9fa5]+$/ |
| | | export default { |
| | | name: 'QXDY', |
| | | components: { |
| | | Pagination |
| | | Pagination, ImportPicker |
| | | }, |
| | | data() { |
| | | const validateName = (rule, value, callback) => { |
| | |
| | | defectname: [ |
| | | { required: true, message: '请输入缺陷名称', trigger: ['blur', 'change'] } |
| | | ] |
| | | }, |
| | | title_value: '数据导入 / 缺陷定义', |
| | | code: '18', |
| | | shows: false |
| | | } |
| | | }, |
| | | watch: { |
| | | shows() { |
| | | if (!this.shows) { |
| | | this.getDedectSearch() |
| | | } |
| | | } |
| | | }, |
| | |
| | | search() { |
| | | this.getDedectSearch() |
| | | }, |
| | | // 导入按钮 |
| | | upload() { |
| | | |
| | | this.shows = true |
| | | this.$refs.importPickerFunc.newDataFunc() |
| | | }, |
| | | colos() { |
| | | this.shows = false |
| | | }, |
| | | // 重置 |
| | | reset() { |