|
|
@@ -1,123 +1,123 @@
|
|
|
<template>
|
|
|
- <div class="sample-content">
|
|
|
- <!-- 表格組件 -->
|
|
|
- <div class="top-content">
|
|
|
- <div class="top-title">仓库可视化</div>
|
|
|
- <div class="query-content">
|
|
|
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
- <el-form-item label="仓库名称：">
|
|
|
- <el-select
|
|
|
- v-model="formInline.cang_ku_ming_chen_value"
|
|
|
- placeholder="请选择样品"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in cangkuOption"
|
|
|
- :key="index"
|
|
|
- placeholder="区域"
|
|
|
- :label="item.cang_ku_ming_chen"
|
|
|
- :value="item.cang_ku_ming_chen"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item style="margin-left: 50px" label="区域名称：">
|
|
|
- <el-select
|
|
|
- v-model="formInline.qu_yu_value"
|
|
|
- placeholder="请选择区域名称"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in quyu_arr"
|
|
|
- :key="index"
|
|
|
- placeholder="区域"
|
|
|
- :label="item.qu_yu_"
|
|
|
- :value="item.qu_yu_"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <button
|
|
|
- type="button"
|
|
|
- class="el-button el-button--primary el-button--mini"
|
|
|
- @click="onSubmits"
|
|
|
- >
|
|
|
- <i class="ibps-icon-search"></i><span>查询</span>
|
|
|
- </button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="test-quyu">
|
|
|
- <div class="test-list">
|
|
|
- <ul class="list-items">
|
|
|
- <li
|
|
|
- class="list-item quyu-item"
|
|
|
- :style="{background: quyuShow == item.qu_yu_ ? '#66b1ff' : '#e5baba',}"
|
|
|
- @click="qu_yu_Event"
|
|
|
- v-for="item in quyu_arr"
|
|
|
- :key="item.qu_yu_"
|
|
|
- >
|
|
|
- <div v-if="item.qu_yu_.includes('冰箱')">
|
|
|
- {{ item.qu_yu_ | freezerFilters }}({{ item.cun_chu_tiao_jian }})
|
|
|
+ <div class="sample-content">
|
|
|
+ <!-- 表格組件 -->
|
|
|
+ <div class="top-content">
|
|
|
+ <div class="top-title">仓库可视化</div>
|
|
|
+ <div class="query-content">
|
|
|
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
+ <el-form-item label="仓库名称：">
|
|
|
+ <el-select
|
|
|
+ v-model="formInline.cang_ku_ming_chen_value"
|
|
|
+ placeholder="请选择样品"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in cangkuOption"
|
|
|
+ :key="index"
|
|
|
+ placeholder="区域"
|
|
|
+ :label="item.cang_ku_ming_chen"
|
|
|
+ :value="item.cang_ku_ming_chen"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item style="margin-left: 50px" label="区域名称：">
|
|
|
+ <el-select
|
|
|
+ v-model="formInline.qu_yu_value"
|
|
|
+ placeholder="请选择区域名称"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in quyu_arr"
|
|
|
+ :key="index"
|
|
|
+ placeholder="区域"
|
|
|
+ :label="item.qu_yu_"
|
|
|
+ :value="item.qu_yu_"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <button
|
|
|
+ type="button"
|
|
|
+ class="el-button el-button--primary el-button--mini"
|
|
|
+ @click="onSubmits"
|
|
|
+ >
|
|
|
+ <i class="ibps-icon-search" /><span>查询</span>
|
|
|
+ </button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="test-quyu">
|
|
|
+ <div class="test-list">
|
|
|
+ <ul class="list-items">
|
|
|
+ <li
|
|
|
+ v-for="item in quyu_arr"
|
|
|
+ :key="item.qu_yu_"
|
|
|
+ class="list-item quyu-item"
|
|
|
+ :style="{background: quyuShow == item.qu_yu_ ? '#66b1ff' : '#e5baba',}"
|
|
|
+ @click="qu_yu_Event"
|
|
|
+ >
|
|
|
+ <div v-if="item.qu_yu_.includes('冰箱')">
|
|
|
+ {{ item.qu_yu_ | freezerFilters }}({{ item.cun_chu_tiao_jian }})
|
|
|
+ </div>
|
|
|
|
|
|
- <div v-if="!item.qu_yu_.includes('冰箱')">
|
|
|
-
|
|
|
- {{ item.qu_yu_ | freezerFilters }}
|
|
|
+ <div v-if="!item.qu_yu_.includes('冰箱')">
|
|
|
+
|
|
|
+ {{ item.qu_yu_ | freezerFilters }}
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="body-content">
|
|
|
- <div class="right-view">
|
|
|
- <div class="goods-items">
|
|
|
- <div class="show-demo" v-for="(item, index) in listData" :key="index">
|
|
|
- <div>
|
|
|
- <div class="goods-level">
|
|
|
- <div class="level-dsc">第{{ index | indexfilter(listData) }}层</div>
|
|
|
- <div class="goods-list">
|
|
|
- <div
|
|
|
- v-for="(it, index) in listData[index]"
|
|
|
- :key="index"
|
|
|
- class="goods-dsc"
|
|
|
- :style="{
|
|
|
- background: !it.wu_liao_bian_ma_ ? '#67c23a':'' ,
|
|
|
- }"
|
|
|
- >
|
|
|
- <div class="top-dsc">
|
|
|
- <div class="position">
|
|
|
- <p><span style="vertical-align: top;">名 称:</span> <span class="matterName">{{ it.wu_liao_ming_chen }}</span></p>
|
|
|
- <p><span style="vertical-align: top;">入库批号:</span><span class="matterCode">{{it.ru_ku_pi_hao_ || "空"}}</span></p>
|
|
|
+ </div>
|
|
|
+ <div class="body-content">
|
|
|
+ <div class="right-view">
|
|
|
+ <div class="goods-items">
|
|
|
+ <div v-for="(item, index) in listData" :key="index" class="show-demo">
|
|
|
+ <div>
|
|
|
+ <div class="goods-level">
|
|
|
+ <div class="level-dsc">第{{ index | indexfilter(listData) }}层</div>
|
|
|
+ <div class="goods-list">
|
|
|
+ <div
|
|
|
+ v-for="(it, index) in listData[index]"
|
|
|
+ :key="index"
|
|
|
+ class="goods-dsc"
|
|
|
+ :style="{
|
|
|
+ background: !it.wu_liao_bian_ma_ ? '#67c23a':'' ,
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <div class="top-dsc">
|
|
|
+ <div class="position">
|
|
|
+ <p><span style="vertical-align: top;">名 称:</span> <span class="matterName">{{ it.wu_liao_ming_chen }}</span></p>
|
|
|
+ <p><span style="vertical-align: top;">入库批号:</span><span class="matterCode">{{ it.ru_ku_pi_hao_ || "空" }}</span></p>
|
|
|
|
|
|
- <p>位 置:{{ it.cun_fang_wei_zhi_ || "空" }}</p>
|
|
|
- </div>
|
|
|
- <div class="right-content">
|
|
|
- <p><span style="vertical-align: top;">编 码:</span><span class="">{{it.wu_liao_bian_ma_ || "空"}}</span></p>
|
|
|
- <p>货 号:{{ it.huo_hao_ || "空" }}</p>
|
|
|
- <p>有效期 :{{ it.you_xiao_qi_ || "空" }}</p>
|
|
|
- <p>库存量 :{{ it.ku_cun_liang_ || "空" }}</p>
|
|
|
- <p>存储条件:{{ it.cun_chu_yao_qiu_ || "空" }}</p>
|
|
|
- </div>
|
|
|
- <!-- <div class="condition">{{ it.cun_chu_tiao_jian }}</div> -->
|
|
|
- </div>
|
|
|
- <div class="bottom-dsc">
|
|
|
- <!-- {{ it.wu_pin_ming_cheng | specimenFilters }} -->
|
|
|
+ <p>位 置:{{ it.cun_fang_wei_zhi_ || "空" }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="right-content">
|
|
|
+ <p><span style="vertical-align: top;">编 码:</span><span class="">{{ it.wu_liao_bian_ma_ || "空" }}</span></p>
|
|
|
+ <p>货 号:{{ it.huo_hao_ || "空" }}</p>
|
|
|
+ <p>有效期 :{{ it.you_xiao_qi_ || "空" }}</p>
|
|
|
+ <p>库存量 :{{ it.ku_cun_liang_ || "空" }}</p>
|
|
|
+ <p>存储条件:{{ it.cun_chu_yao_qiu_ || "空" }}</p>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="condition">{{ it.cun_chu_tiao_jian }}</div> -->
|
|
|
+ </div>
|
|
|
+ <div class="bottom-dsc">
|
|
|
+ <!-- {{ it.wu_pin_ming_cheng | specimenFilters }} -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="goodshelf-name" v-if="index == 1">
|
|
|
+ {{ desString }}
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <!-- <div class="goodshelf-name" v-if="index == 1">
|
|
|
- {{ desString }}
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import curdPost from "@/business/platform/form/utils/custom/joinCURD.js";
|
|
|
+import curdPost from '@/business/platform/form/utils/custom/joinCURD.js'
|
|
|
// import curdPost from "@/business/platform/form/utils/custom/joinCURD.js";
|
|
|
/*
|
|
|
[
|
|
|
@@ -132,245 +132,254 @@ import curdPost from "@/business/platform/form/utils/custom/joinCURD.js";
|
|
|
]
|
|
|
*/
|
|
|
export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- cangkuOption: [],
|
|
|
- formInline: {
|
|
|
- cang_ku_ming_chen_value: " 主仓库",
|
|
|
- qu_yu_value: "1号冰箱",
|
|
|
- huo_jia_value: "",
|
|
|
- },
|
|
|
- huojiaInfo: {
|
|
|
- empty: "",
|
|
|
- al: "",
|
|
|
- },
|
|
|
- listData: [],
|
|
|
- desString: "",
|
|
|
- warehouseOptions: [],
|
|
|
- quyu_arr: [],
|
|
|
- huo_jia_arr: [],
|
|
|
- // qu_yu_value: "",
|
|
|
- desShow: true,
|
|
|
- quyuShow: "",
|
|
|
- huojiashow: "",
|
|
|
- firstLoadActive: "false",
|
|
|
- selectActive: "",
|
|
|
- cenghao: [],
|
|
|
- warehouse: [],
|
|
|
- loading: false,
|
|
|
- pagination: {},
|
|
|
- secondshow: false,
|
|
|
- };
|
|
|
- },
|
|
|
- filters: {
|
|
|
- indexfilter: function (value,data) {
|
|
|
- if (data[0]) {
|
|
|
- return value + 1;
|
|
|
- } else {
|
|
|
- return value;
|
|
|
- }
|
|
|
- },
|
|
|
- laySlice: function (value) {
|
|
|
- return value.split("-")[2];
|
|
|
- },
|
|
|
- freezerFilters: function (value) {
|
|
|
- if (value.includes("冷藏柜")) {
|
|
|
- return value.replace("冷藏柜", "冰箱");
|
|
|
- } else if (value.includes("冷冻柜")) {
|
|
|
- return value.replace("冷冻柜", "冰箱");
|
|
|
- } else {
|
|
|
- return value;
|
|
|
- }
|
|
|
- },
|
|
|
- specimenFilters: function (value) {
|
|
|
- if (value == "" || value == undefined) {
|
|
|
- return "未占用";
|
|
|
- } else {
|
|
|
- return value;
|
|
|
- }
|
|
|
- },
|
|
|
- bian_hao_Filters: function (value) {
|
|
|
- if (!value || value == undefined || value == "") {
|
|
|
- return "无";
|
|
|
- } else {
|
|
|
- return value;
|
|
|
- }
|
|
|
- },
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.loadQueryData();
|
|
|
- this.firstLoadViewData();
|
|
|
- this.firstLoadQuyu("主仓库");
|
|
|
- },
|
|
|
- methods: {
|
|
|
- firstLoadQuyu(cang_ku) {
|
|
|
- let sqlString = `select DISTINCT subStr(wei_zhi_,1,4) as wei_zhi_,cun_chu_tiao_jian,qu_yu_ from t_ck where cang_ku_ming_chen = '${cang_ku}' order by wei_zhi_ asc`;
|
|
|
-
|
|
|
- var this_ = this;
|
|
|
-
|
|
|
- curdPost("sql", sqlString).then((response) => {
|
|
|
- this_.quyu_arr = response.variables.data;
|
|
|
- this_.quyu_arr.forEach(it=>{
|
|
|
- it.wei_zhi_.includes("-")?"":it.qu_yu_ =it.qu_yu_+it.wei_zhi_.slice(3,4);
|
|
|
- })
|
|
|
- if (!this.firstLoadActive) {
|
|
|
- this_.formInline.qu_yu_value = "";
|
|
|
+ filters: {
|
|
|
+ indexfilter: function (value, data) {
|
|
|
+ if (data[0]) {
|
|
|
+ return value + 1
|
|
|
+ } else {
|
|
|
+ return value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ laySlice: function (value) {
|
|
|
+ return value.split('-')[2]
|
|
|
+ },
|
|
|
+ freezerFilters: function (value) {
|
|
|
+ if (value.includes('冷藏柜')) {
|
|
|
+ return value.replace('冷藏柜', '冰箱')
|
|
|
+ } else if (value.includes('冷冻柜')) {
|
|
|
+ return value.replace('冷冻柜', '冰箱')
|
|
|
+ } else {
|
|
|
+ return value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ specimenFilters: function (value) {
|
|
|
+ if (value == '' || value == undefined) {
|
|
|
+ return '未占用'
|
|
|
+ } else {
|
|
|
+ return value
|
|
|
+ }
|
|
|
+ },
|
|
|
+ bian_hao_Filters: function (value) {
|
|
|
+ if (!value || value == undefined || value == '') {
|
|
|
+ return '无'
|
|
|
+ } else {
|
|
|
+ return value
|
|
|
+ }
|
|
|
}
|
|
|
- });
|
|
|
},
|
|
|
- firstLoadViewData() {
|
|
|
- //首次加载视图数据 默认中心仓库 耗材区
|
|
|
- this.formInline.cang_ku_ming_chen_value = "主仓库";
|
|
|
- this.formInline.qu_yu_value = "1号冰箱";
|
|
|
- this.selectActive = 1;
|
|
|
- this.firstLoadActive = true;
|
|
|
- this.quyuShow = "1号冰箱T";
|
|
|
- var sqlString ="select * from t_mjwlgl where cun_fang_wei_zhi_ like" +"'%" +"BX1T" +"%'";
|
|
|
- this.queryLoad(sqlString, "BX1T");
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ cangkuOption: [],
|
|
|
+ formInline: {
|
|
|
+ cang_ku_ming_chen_value: ' 主仓库',
|
|
|
+ qu_yu_value: '1号冰箱',
|
|
|
+ huo_jia_value: ''
|
|
|
+ },
|
|
|
+ huojiaInfo: {
|
|
|
+ empty: '',
|
|
|
+ al: ''
|
|
|
+ },
|
|
|
+ listData: [],
|
|
|
+ desString: '',
|
|
|
+ warehouseOptions: [],
|
|
|
+ quyu_arr: [],
|
|
|
+ huo_jia_arr: [],
|
|
|
+ // qu_yu_value: "",
|
|
|
+ desShow: true,
|
|
|
+ quyuShow: '',
|
|
|
+ huojiashow: '',
|
|
|
+ firstLoadActive: 'false',
|
|
|
+ selectActive: '',
|
|
|
+ cenghao: [],
|
|
|
+ warehouse: [],
|
|
|
+ loading: false,
|
|
|
+ pagination: {},
|
|
|
+ secondshow: false
|
|
|
+ }
|
|
|
},
|
|
|
- sqlSlice(value,num) {
|
|
|
- if(value.includes("冰箱")){
|
|
|
- if(value.includes("T")||value.includes("B")||value.includes("L")||value.includes("R")){
|
|
|
- return 'BX'+num+value.slice(4,5);
|
|
|
- }else{
|
|
|
- return 'BX' +num
|
|
|
+ watch: {
|
|
|
+ // 监控仓库名称变化 触发第一次加载数据
|
|
|
+ 'formInline.cang_ku_ming_chen_value': async function (newdata) {
|
|
|
+ this.firstLoadQuyu(newdata)
|
|
|
+ },
|
|
|
+ 'formInline.qu_yu_value': function (newdata) {
|
|
|
+ console.log(newdata)
|
|
|
+ this.qu_yu_value = newdata
|
|
|
+ this.quyuShow = newdata.split('(')[0]
|
|
|
+ this.firstLoadActive = false
|
|
|
}
|
|
|
- }else if(value.includes("货架")){
|
|
|
- return "HJ"+num;
|
|
|
- }else if(value.includes("试剂柜")){
|
|
|
- return "SJG"+num;
|
|
|
- }else if(value.includes("液氮罐")){
|
|
|
- return "YDG" + num;
|
|
|
- }
|
|
|
},
|
|
|
- loadQueryData() {//查询选择仓库数据查询
|
|
|
- var sqlString = "select distinct cang_ku_ming_chen from t_ck ";
|
|
|
- var this_ = this;
|
|
|
- curdPost("sql", sqlString).then((response) => {
|
|
|
- this_.cangkuOption = response.variables.data;
|
|
|
- this_.cangkuOption.forEach((item, index) => {
|
|
|
- if (!item) {
|
|
|
- this_.cangkuOption.splice(index, 1);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
+ mounted () {
|
|
|
+ this.loadQueryData()
|
|
|
+ this.firstLoadViewData()
|
|
|
+ this.firstLoadQuyu('主仓库')
|
|
|
},
|
|
|
- onSubmits() { //头部按钮查询事
|
|
|
- this.desShow = false;
|
|
|
- let value = this.formInline.qu_yu_value
|
|
|
- let num = value.split("号")[0];
|
|
|
- let type = this.sqlSlice(value,num);
|
|
|
- var sqlString =`select * from t_mjwlgl where cun_fang_wei_zhi_ like ` +
|
|
|
- "'%" +
|
|
|
- type +
|
|
|
- "%'";
|
|
|
-
|
|
|
- this.queryLoad(sqlString, type);
|
|
|
- this.formInline.qu_yu_value = value;
|
|
|
- this.quyuShow = value
|
|
|
- },
|
|
|
- queryLoad(sql, py) {
|
|
|
- var datas = [];
|
|
|
- this.cenghao = [];
|
|
|
- const labelsMap = {}; // 货架分层的数据初始化
|
|
|
- let typeData = [];
|
|
|
- var sqltype = "";
|
|
|
- if(py.includes("YDG")){
|
|
|
- sqltype = `select DISTINCT SUBSTR(wei_zhi_,1,9) as wei_zhi_ from t_ck where wei_zhi_ like ` +"'%" +py +"%'" +"ORDER BY wei_zhi_ ASC "; //
|
|
|
- }else{
|
|
|
- sqltype = `select DISTINCT SUBSTR(wei_zhi_,1,6) as wei_zhi_ from t_ck where wei_zhi_ like ` +"'%" +py +"%'" +"ORDER BY wei_zhi_ ASC "; //
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- curdPost("sql", sqltype).then((res) => {
|
|
|
- typeData = res.variables.data; //查询该位置具有多少层
|
|
|
- curdPost("sql", sql).then((res) => {//sql 查询该位置在物料管理库存信息的物料
|
|
|
- datas = res.variables.data;// 该位置的所有物料信息
|
|
|
- typeData.forEach((item) => { //组件以货架分层的数据: {1:[],2:[],3:[],4:[],5:[],6}
|
|
|
- let num = item.wei_zhi_.split("-")[1];
|
|
|
- labelsMap[num] = [];// 货架分层的数据初始化
|
|
|
- });
|
|
|
- if (datas.length == 0) { //该位置(冰箱)一个物料都没有
|
|
|
- for (var prop in labelsMap) {
|
|
|
- typeData.forEach((item) => { //组件以货架分层的数据: {1:[],2:[],3:[],4:[],5:[],6}
|
|
|
- let num = item.wei_zhi_.split("-")[1];
|
|
|
- if(num == prop){
|
|
|
- labelsMap[prop].push({ cun_fang_wei_zhi_: item.wei_zhi_ });
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- this.listData = labelsMap;
|
|
|
- return;
|
|
|
- }
|
|
|
- datas.forEach((item) => {//有物料存在该区域
|
|
|
- let props1 = item.cun_fang_wei_zhi_.split("-")[1];
|
|
|
- for (var prop in labelsMap) {
|
|
|
- if (labelsMap.hasOwnProperty(prop)) {
|
|
|
- if (prop == props1) {
|
|
|
- labelsMap[prop].push(item);
|
|
|
+ methods: {
|
|
|
+ firstLoadQuyu (cang_ku) {
|
|
|
+ const sqlString = `select DISTINCT subStr(wei_zhi_,1,4) as wei_zhi_,cun_chu_tiao_jian,qu_yu_ from t_ck where cang_ku_ming_chen = '${cang_ku}' order by wei_zhi_ asc`
|
|
|
+
|
|
|
+ var this_ = this
|
|
|
+
|
|
|
+ curdPost('sql', sqlString).then((response) => {
|
|
|
+ this_.quyu_arr = response.variables.data
|
|
|
+ this_.quyu_arr.forEach(it => {
|
|
|
+ it.wei_zhi_.includes('-') ? '' : it.qu_yu_ = it.qu_yu_ + it.wei_zhi_.slice(3, 4)
|
|
|
+ })
|
|
|
+ if (!this.firstLoadActive) {
|
|
|
+ this_.formInline.qu_yu_value = ''
|
|
|
}
|
|
|
- if (prop != props1 && labelsMap[prop].length == 0) {
|
|
|
- typeData.forEach((item) => { //组件以货架分层的数据: {1:[],2:[],3:[],4:[],5:[],6}
|
|
|
- let num = item.wei_zhi_.split("-")[1];
|
|
|
- if(num == prop){
|
|
|
- labelsMap[prop].push({ cun_fang_wei_zhi_: item.wei_zhi_});
|
|
|
- // labelsMap[prop].push({ "zhuangtai": "空"});
|
|
|
- }
|
|
|
- });
|
|
|
- // labelsMap[prop].push({ cun_fang_wei_zhi_: "空" });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ firstLoadViewData () {
|
|
|
+ // 首次加载视图数据 默认中心仓库 耗材区
|
|
|
+ this.formInline.cang_ku_ming_chen_value = '主仓库'
|
|
|
+ this.formInline.qu_yu_value = '1号冰箱'
|
|
|
+ this.selectActive = 1
|
|
|
+ this.firstLoadActive = true
|
|
|
+ this.quyuShow = '1号冰箱T'
|
|
|
+ var sqlString = 'select * from t_mjwlgl where cun_fang_wei_zhi_ like' + "'%" + 'BX1T' + "%'"
|
|
|
+ this.queryLoad(sqlString, 'BX1T')
|
|
|
+ },
|
|
|
+ sqlSlice (value, num) {
|
|
|
+ if (value.includes('冰箱')) {
|
|
|
+ if (value.includes('T') || value.includes('B') || value.includes('L') || value.includes('R')) {
|
|
|
+ return 'BX' + num + value.slice(4, 5)
|
|
|
+ } else {
|
|
|
+ return 'BX' + num
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- let newarr = [];
|
|
|
- for (var prop in labelsMap) {
|
|
|
- if (labelsMap.hasOwnProperty(prop)) {
|
|
|
- if (labelsMap[prop].length > 1) {
|
|
|
- var item = labelsMap[prop].slice(1);
|
|
|
-
|
|
|
- newarr.push(item);
|
|
|
- } else {
|
|
|
-
|
|
|
- newarr.push(labelsMap[prop]);
|
|
|
- }
|
|
|
+ } else if (value.includes('货架')) {
|
|
|
+ return 'HJ' + num
|
|
|
+ } else if (value.includes('试剂柜')) {
|
|
|
+ return 'SJG' + num
|
|
|
+ } else if (value.includes('液氮罐')) {
|
|
|
+ return 'YDG' + num
|
|
|
}
|
|
|
- }
|
|
|
- this.listData = newarr;
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- qu_yu_Event(e) { //点击区域事件，加载可视化视图
|
|
|
- let value = e.target.innerText;
|
|
|
- let num = value.split("号")[0];
|
|
|
- let type = this.sqlSlice(value,num);
|
|
|
-
|
|
|
- var sqlString =`select * from t_mjwlgl where cun_fang_wei_zhi_ like ` +
|
|
|
+ },
|
|
|
+ loadQueryData () { // 查询选择仓库数据查询
|
|
|
+ var sqlString = 'select distinct cang_ku_ming_chen from t_ck '
|
|
|
+ var this_ = this
|
|
|
+ curdPost('sql', sqlString).then((response) => {
|
|
|
+ this_.cangkuOption = response.variables.data
|
|
|
+ this_.cangkuOption.forEach((item, index) => {
|
|
|
+ if (!item) {
|
|
|
+ this_.cangkuOption.splice(index, 1)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onSubmits () { // 头部按钮查询事
|
|
|
+ this.desShow = false
|
|
|
+ const value = this.formInline.qu_yu_value
|
|
|
+ const num = value.split('号')[0]
|
|
|
+ const type = this.sqlSlice(value, num)
|
|
|
+ var sqlString = `select * from t_mjwlgl where cun_fang_wei_zhi_ like ` +
|
|
|
"'%" +
|
|
|
type +
|
|
|
- "%'";
|
|
|
-
|
|
|
- this.queryLoad(sqlString, type);
|
|
|
- this.formInline.qu_yu_value = value;
|
|
|
- this.quyuShow = value;
|
|
|
- },
|
|
|
- blackEvent() {
|
|
|
- this.desShow = true;
|
|
|
- },
|
|
|
- },
|
|
|
- watch: {
|
|
|
- //监控仓库名称变化 触发第一次加载数据
|
|
|
- "formInline.cang_ku_ming_chen_value": async function (newdata) {
|
|
|
- this.firstLoadQuyu(newdata);
|
|
|
- },
|
|
|
- "formInline.qu_yu_value": function (newdata) {
|
|
|
- console.log(newdata)
|
|
|
- this.qu_yu_value = newdata;
|
|
|
- this.quyuShow = newdata.split("(")[0];
|
|
|
- this.firstLoadActive = false;
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
+ "%'"
|
|
|
+
|
|
|
+ this.queryLoad(sqlString, type)
|
|
|
+ this.formInline.qu_yu_value = value
|
|
|
+ this.quyuShow = value
|
|
|
+ },
|
|
|
+ queryLoad (sql, py) {
|
|
|
+ const this_ = this
|
|
|
+
|
|
|
+ var datas = []
|
|
|
+ this.cenghao = []
|
|
|
+ const labelsMap = {} // 货架分层的数据初始化
|
|
|
+ let typeData = []
|
|
|
+ var sqltype = ''
|
|
|
+ if (py.includes('YDG')) {
|
|
|
+ sqltype = `select DISTINCT SUBSTR(wei_zhi_,1,9) as wei_zhi_ from t_ck where wei_zhi_ like ` + "'%" + py + "%'" + 'ORDER BY wei_zhi_ ASC ' //
|
|
|
+ } else {
|
|
|
+ sqltype = `select wei_zhi_ from t_ck where wei_zhi_ like ` + "'%" + py + "%'" + 'ORDER BY wei_zhi_ ASC ' //
|
|
|
+ }
|
|
|
+
|
|
|
+ curdPost('sql', sqltype).then((res) => {
|
|
|
+ typeData = res.variables.data // 查询该位置具有多少层
|
|
|
+ // curdPost('sql', sql).then((res) => { // sql 查询该位置在物料管理库存信息的物料
|
|
|
+ datas = res.variables.data// 该位置的所有物料信息
|
|
|
+ typeData.forEach((item) => { // 组件以货架分层的数据: {1:[],2:[],3:[],4:[],5:[],6}
|
|
|
+ const num = item.wei_zhi_.split('-')[1]
|
|
|
+ labelsMap[num] = []// 货架分层的数据初始化
|
|
|
+ })
|
|
|
+ // if (datas.length == 0) { // 该位置(冰箱)一个物料都没有
|
|
|
+ for (var prop in labelsMap) {
|
|
|
+ typeData.forEach((item) => { // 组件以货架分层的数据: {1:[],2:[],3:[],4:[],5:[],6}
|
|
|
+ const num = item.wei_zhi_.split('-')[1]
|
|
|
+ if (num === prop) {
|
|
|
+ labelsMap[prop].push({ cun_fang_wei_zhi_: item.wei_zhi_, wu_liao_ming_chen: '' })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.listData = labelsMap
|
|
|
+ for (const prop in this_.listData) {
|
|
|
+ for (const index in this_.listData[prop[0]]) {
|
|
|
+ if (!this_.listData[prop[0]][index].wu_liao_ming_chen) {
|
|
|
+ const sqlString = `select * from t_mjwlgl where cun_fang_wei_zhi_ = '${this_.listData[prop[0]][index].cun_fang_wei_zhi_}'`
|
|
|
+ curdPost('sql', sqlString).then((res) => {
|
|
|
+ const wuliao = res.variables.data
|
|
|
+ if (wuliao.length > 0) {
|
|
|
+ let arr = []
|
|
|
+ arr = this_.listData[prop[0]].filter(el => { if (el.wu_liao_ming_chen === '' && el.cun_fang_wei_zhi_ === wuliao[0].cun_fang_wei_zhi_) { return false } else { return true } })
|
|
|
+ this_.listData[prop[0]] = arr.concat(wuliao)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // datas.forEach((item) => { // 有物料存在该区域
|
|
|
+ // const props1 = item.cun_fang_wei_zhi_.split('-')[1]
|
|
|
+ // for (var prop in labelsMap) {
|
|
|
+ // if (labelsMap.hasOwnProperty(prop)) {
|
|
|
+ // if (prop == props1) {
|
|
|
+ // labelsMap[prop].push(item)
|
|
|
+ // }
|
|
|
+ // if (prop != props1 && labelsMap[prop].length == 0) {
|
|
|
+ // typeData.forEach((item) => { // 组件以货架分层的数据: {1:[],2:[],3:[],4:[],5:[],6}
|
|
|
+ // const num = item.wei_zhi_.split('-')[1]
|
|
|
+ // if (num == prop) {
|
|
|
+ // labelsMap[prop].push({ cun_fang_wei_zhi_: item.wei_zhi_ })
|
|
|
+ // // labelsMap[prop].push({ "zhuangtai": "空"});
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // // labelsMap[prop].push({ cun_fang_wei_zhi_: "空" });
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // const newarr = []
|
|
|
+ // for (var prop in labelsMap) {
|
|
|
+ // if (labelsMap.hasOwnProperty(prop)) {
|
|
|
+ // if (labelsMap[prop].length > 1) {
|
|
|
+ // var item = labelsMap[prop].slice(1)
|
|
|
+
|
|
|
+ // newarr.push(item)
|
|
|
+ // } else {
|
|
|
+ // newarr.push(labelsMap[prop])
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // this.listData = newarr
|
|
|
+ // })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ qu_yu_Event (e) { // 点击区域事件，加载可视化视图
|
|
|
+ const value = e.target.innerText
|
|
|
+ const num = value.split('号')[0]
|
|
|
+ const type = this.sqlSlice(value, num)
|
|
|
+ var sqlString = `select * from t_mjwlgl where cun_fang_wei_zhi_ like ` + "'%" + type + "%'"
|
|
|
+ this.queryLoad(sqlString, type)
|
|
|
+ this.formInline.qu_yu_value = value
|
|
|
+ this.quyuShow = value
|
|
|
+ },
|
|
|
+ blackEvent () {
|
|
|
+ this.desShow = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@@ -418,7 +427,7 @@ p {
|
|
|
// height: 30px;
|
|
|
background-color: #cec6a4;
|
|
|
text-align: center;
|
|
|
- // line-height: 30px;
|
|
|
+ // line-height: 30px;
|
|
|
margin-left: 20px;
|
|
|
margin-bottom: 6px;
|
|
|
/* margin-top: 6px; */
|
|
|
@@ -530,14 +539,14 @@ p {
|
|
|
max-width: 70px;
|
|
|
display: inline-block;
|
|
|
word-wrap: break-word;
|
|
|
- }
|
|
|
+ }
|
|
|
.position .matterCode{
|
|
|
min-width: 40px;
|
|
|
max-width: 70px;
|
|
|
display: inline-block;
|
|
|
word-wrap: break-word;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.right-content > p {
|
|
|
margin-left: 1px;
|
|
|
// color: #fbe8ff;
|
|
|
@@ -585,4 +594,4 @@ p {
|
|
|
display: none; /*隐藏滚动条*/
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
zhangjingyuan