|
|
@@ -7,7 +7,7 @@
|
|
|
<!-- <input placeholder="请输入内容" :value="showValue" id="valueDom" @click="onChange"> -->
|
|
|
</div>
|
|
|
<!-- <el-input></el-input> -->
|
|
|
- <div class="selectArea" v-if="ifshow">
|
|
|
+ <div class="selectArea" v-show="ifshow">
|
|
|
<div @click="close" class="close-content"> <i class="el-icon-close"></i><el-button class="closeBtn">关闭视图</el-button></div>
|
|
|
<div class="top-content">
|
|
|
<div class="top-title">库存可视化</div>
|
|
|
@@ -84,10 +84,9 @@
|
|
|
v-for="(item, index) in listData"
|
|
|
:key="index"
|
|
|
>
|
|
|
- <div>
|
|
|
+ <div v-loading="loading">
|
|
|
<div class="goods-level">
|
|
|
<div class="level-dsc">
|
|
|
- <!-- 第{{ index | indexfilter(listData) }}层 -->
|
|
|
第{{ index }}层
|
|
|
</div>
|
|
|
<div class="goods-list">
|
|
|
@@ -95,18 +94,17 @@
|
|
|
v-for="(it, index) in listData[index]"
|
|
|
:key="index"
|
|
|
class="goods-dsc"
|
|
|
- :style="{
|
|
|
- background:
|
|
|
- it.cun_fang_wei_zhi_ == '空' ? '' : '#67c23a',
|
|
|
- }"
|
|
|
+ :style="{ background: it.cun_fang_wei_zhi_ == '空' ? '' : '#67c23a'}"
|
|
|
@click="closeView(it)"
|
|
|
>
|
|
|
<div class="top-dsc">
|
|
|
<div class="position">
|
|
|
- <p>名称:{{ it.wu_liao_ming_chen || 空 }}</p>
|
|
|
+ <div style="text-align: left;"><div style="width:38px;display: inline-block;vertical-align: top;">名称:</div><span style="width: 115px; display: inline-block; white-space: break-spaces;text-align: left;">{{ it.wu_liao_ming_chen || '空' }} </span></div>
|
|
|
<p>编码:{{ it.wu_liao_bian_ma_ || it.wu_liao_bian_ma_ }}</p>
|
|
|
<p>位置:{{ it.wei_zhi_ || it.cun_fang_wei_zhi_ }}</p>
|
|
|
- <p>货号:{{ it.huo_hao_ || "空" }}</p>
|
|
|
+ <!-- <p >货号:{{ it.huo_hao_ || "空" }}</p> -->
|
|
|
+ <div style="text-align: left;"><div style="width:38px;display: inline-block;vertical-align: top;">货号:</div><span style="width: 115px; display: inline-block; white-space: break-spaces;text-align: left;">{{ it.huo_hao_ || "空" }} </span></div>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="right-content">
|
|
|
<p>入库批号:{{ it.ru_ku_pi_hao_ || "空" }}</p>
|
|
|
@@ -116,16 +114,16 @@
|
|
|
</div>
|
|
|
<!-- <div class="condition">{{ it.cun_chu_tiao_jian }}</div> -->
|
|
|
</div>
|
|
|
- <div class="bottom-dsc">
|
|
|
- <!-- {{ it.wu_pin_ming_cheng | specimenFilters }} -->
|
|
|
- </div>
|
|
|
+ <!-- <div class="bottom-dsc">
|
|
|
+ {{ it.wu_pin_ming_cheng | specimenFilters }}
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="goodshelf-name" v-if="index == 1">
|
|
|
+ <!-- <div class="goodshelf-name" v-if="index == 1">
|
|
|
{{ desString }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -167,7 +165,8 @@ export default {
|
|
|
secondshow: false,
|
|
|
ifshow: false,
|
|
|
showValue: "",
|
|
|
- value:"111"
|
|
|
+ value:"",
|
|
|
+ loading:true
|
|
|
};
|
|
|
},
|
|
|
props: {
|
|
|
@@ -182,12 +181,12 @@ export default {
|
|
|
type:Boolean,
|
|
|
default: false
|
|
|
},
|
|
|
- component_12u7eoo:{
|
|
|
- type:String,
|
|
|
- default(){
|
|
|
- return 111
|
|
|
- }
|
|
|
- }
|
|
|
+ // component_12u7eoo:{
|
|
|
+ // type:String,
|
|
|
+ // default(){
|
|
|
+ // return 111
|
|
|
+ // }
|
|
|
+ // }
|
|
|
|
|
|
},
|
|
|
filters: {
|
|
|
@@ -225,64 +224,51 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- mounted() {
|
|
|
- this.loadQueryData();
|
|
|
- this.firstLoadViewData();
|
|
|
- this.firstLoadQuyu("试剂库1");
|
|
|
- },
|
|
|
- beforeDestroy() {
|
|
|
- console.log(this.formData, "formData");
|
|
|
- let id = this.formData.id;
|
|
|
- let Status = this.formData.anNiugTai;
|
|
|
- let ming_chen = this.formInline.cang_ku_ming_chen_value;
|
|
|
- let weizhi = this.showValue;
|
|
|
- console.log(weizhi, ming_chen);
|
|
|
- return
|
|
|
- if (weizhi !="" &&Status =="已入库") {
|
|
|
- // 数据库更新
|
|
|
- curdPost(
|
|
|
- "update",
|
|
|
- '{"tableName":"t_mjwlgl","paramWhere":{"wai_jian_":"' +
|
|
|
- id +
|
|
|
- '",},"paramCond":{"cang_ku_ming_chen":"' +
|
|
|
- ming_chen +
|
|
|
- '","cun_fang_wei_zhi_":"' +
|
|
|
- weizhi +
|
|
|
- '"}}'
|
|
|
- )
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "当前物料位置更新状态更新成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
+ // mounted() {
|
|
|
+ // this.loadQueryData();
|
|
|
+ // this.firstLoadViewData();
|
|
|
+ // this.firstLoadQuyu("试剂库1");
|
|
|
+ // },
|
|
|
+ // beforeDestroy() {
|
|
|
+ // let id = this.formData.id;
|
|
|
+ // let Status = this.formData.anNiugTai;
|
|
|
+ // let ming_chen = this.formInline.cang_ku_ming_chen_value;
|
|
|
+ // let weizhi = this.showValue;
|
|
|
+ // // return
|
|
|
+ // // if (weizhi !="" &&Status =="已入库") {
|
|
|
+ // // // 数据库更新
|
|
|
+ // // curdPost(
|
|
|
+ // // "update",
|
|
|
+ // // '{"tableName":"t_mjwlgl","paramWhere":{"wai_jian_":"' +
|
|
|
+ // // id +
|
|
|
+ // // '",},"paramCond":{"cang_ku_ming_chen":"' +
|
|
|
+ // // ming_chen +
|
|
|
+ // // '","cun_fang_wei_zhi_":"' +
|
|
|
+ // // weizhi +
|
|
|
+ // // '"}}'
|
|
|
+ // // )
|
|
|
+ // // .then((res) => {
|
|
|
+ // // this.$message({
|
|
|
+ // // message: "当前物料位置更新状态更新成功",
|
|
|
+ // // type: "success",
|
|
|
+ // // });
|
|
|
+ // // })
|
|
|
+ // // .catch((err) => {
|
|
|
+ // // console.log(err);
|
|
|
+ // // });
|
|
|
+ // // }
|
|
|
+ // },
|
|
|
methods: {
|
|
|
|
|
|
- onChange(e){
|
|
|
- console.log("onChange")
|
|
|
-
|
|
|
- },
|
|
|
closeView(value1) {
|
|
|
- // let values = value[0];
|
|
|
- // console.log(this.formData, "formData");
|
|
|
- // console.log(value1);
|
|
|
- // this.showValue = value[0].wei_zhi_?value[0].wei_zhi_:value[0].cun_fang_wei_zhi_;
|
|
|
if (value1.wei_zhi_) {
|
|
|
this.showValue = value1.wei_zhi_;
|
|
|
} else if (value1.cun_fang_wei_zhi_) {
|
|
|
this.showValue = value1.cun_fang_wei_zhi_;
|
|
|
}
|
|
|
- // values.cun_fang_wei_zhi_;
|
|
|
- // console.log(this.showValue)
|
|
|
const name = "cunFangWeiZhi"; //其他字段属性
|
|
|
const value= this.showValue; //字段的值
|
|
|
this.$emit("change-data", name, value);
|
|
|
-
|
|
|
const name2 = "biaoZhunZhi"; //其他字段属性
|
|
|
const value2= this.formInline.cang_ku_ming_chen_value; //字段的值
|
|
|
this.$emit("change-data", name2, value2);
|
|
|
@@ -323,6 +309,8 @@ export default {
|
|
|
return "SJG";
|
|
|
case "冰箱":
|
|
|
return "BX";
|
|
|
+ case "危化品柜":
|
|
|
+ return "WHPG";
|
|
|
default:
|
|
|
"";
|
|
|
}
|
|
|
@@ -365,28 +353,12 @@ export default {
|
|
|
const labelsMap = {}; // map存储
|
|
|
let typeData = [];
|
|
|
let typeArr = [];
|
|
|
- var sqltype =
|
|
|
- `select DISTINCT wei_zhi_ from t_ck where wei_zhi_ like ` +
|
|
|
- "'%" +
|
|
|
- py +
|
|
|
- "%'" +
|
|
|
- " and cang_ku_ming_chen ='" +
|
|
|
- this.formInline.cang_ku_ming_chen_value +
|
|
|
- "' ORDER BY wei_zhi_ ASC ";
|
|
|
- let classSql =
|
|
|
- `select DISTINCT SUBSTR(wei_zhi_,1,6) AS wei_zhi_ from t_ck where wei_zhi_ like ` +
|
|
|
- "'%" +
|
|
|
- py +
|
|
|
- "%'" +
|
|
|
- " and cang_ku_ming_chen ='" +
|
|
|
- this.formInline.cang_ku_ming_chen_value +
|
|
|
- "' ORDER BY wei_zhi_ ASC ";
|
|
|
+ var sqltype =`select DISTINCT wei_zhi_ from t_ck where wei_zhi_ like ` + "'%" + py + "%'" + " and cang_ku_ming_chen ='" +this.formInline.cang_ku_ming_chen_value + "' ORDER BY wei_zhi_ ASC ";
|
|
|
+ let classSql = `select DISTINCT SUBSTR(wei_zhi_,1,6) AS wei_zhi_ from t_ck where wei_zhi_ like ` +"'%" + py +"%'" + " and cang_ku_ming_chen ='" +this.formInline.cang_ku_ming_chen_value + "' ORDER BY wei_zhi_ ASC ";
|
|
|
curdPost("sql", sqltype).then((res) => {
|
|
|
typeData = res.variables.data; //查询具体仓库某个货架的所有位置
|
|
|
- // console.log(typeData, "位置");
|
|
|
curdPost("sql", sql).then((res) => {
|
|
|
datas = res.variables.data; //具体仓库某个货架的所有物料数据
|
|
|
- // console.log(datas, "数据");
|
|
|
typeData.forEach((item) => {
|
|
|
typeArr[item.wei_zhi_] = [];
|
|
|
if (datas.length == 0) {
|
|
|
@@ -404,7 +376,6 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
- // console.log(typeArr, "22222222222222");
|
|
|
curdPost("sql", classSql).then((res2) => {
|
|
|
let resData = res2.variables.data;
|
|
|
resData.forEach((item) => {
|
|
|
@@ -413,23 +384,23 @@ export default {
|
|
|
labelsMap[layer] = [];
|
|
|
for (var prop in typeArr) {
|
|
|
if (typeArr.hasOwnProperty(prop)) {
|
|
|
- // console.log(prop,item.wei_zhi_);
|
|
|
if (prop.includes(item.wei_zhi_)) {
|
|
|
labelsMap[layer].push(...typeArr[prop]);
|
|
|
- // console.log(labelsMap)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
- // console.log(labelsMap, "数据");
|
|
|
this_.listData = labelsMap;
|
|
|
+ console.log(this.listData)
|
|
|
+ if(this_.listData[1].length >0){
|
|
|
+ this_.loading = false;
|
|
|
+ }
|
|
|
});
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
qu_yu_Event(e) {
|
|
|
- //点击区域事件,加载可视化视\
|
|
|
- console.log(this.formData, "formData");
|
|
|
+ //点击区域事件,加载可视化视
|
|
|
let value = e.target.innerText;
|
|
|
if (value.includes("(")) {
|
|
|
let index = value.indexOf("(");
|
|
|
@@ -439,14 +410,7 @@ export default {
|
|
|
let py = value.split("号")[1].replace(/^\s*/g, "");
|
|
|
let quyu = this.sqlSlice(py);
|
|
|
let type = (quyu + num).replace(/^\s*/g, "");
|
|
|
- var sqlString =
|
|
|
- `select * from t_mjwlgl where cun_fang_wei_zhi_ like ` +
|
|
|
- "'%" +
|
|
|
- type +
|
|
|
- "%'" +
|
|
|
- " and cang_ku_ming_chen = '" +
|
|
|
- this.formInline.cang_ku_ming_chen_value +
|
|
|
- "'";
|
|
|
+ var sqlString =`select * from t_mjwlgl where cun_fang_wei_zhi_ like ` +"'%" +type +"%'" + " and cang_ku_ming_chen = '" + this.formInline.cang_ku_ming_chen_value +"'";
|
|
|
// console.log(sqlString, type);
|
|
|
this.queryLoad(sqlString, type);
|
|
|
this.formInline.qu_yu_value = value;
|
|
|
@@ -456,6 +420,9 @@ export default {
|
|
|
this.desShow = true;
|
|
|
},
|
|
|
clickBtn() {
|
|
|
+ this.loadQueryData();
|
|
|
+ this.firstLoadViewData();
|
|
|
+ this.firstLoadQuyu("试剂库1");
|
|
|
this.ifshow = !this.ifshow;
|
|
|
},
|
|
|
},
|
|
|
@@ -585,8 +552,8 @@ p {
|
|
|
display: flex;
|
|
|
box-sizing: border-box;
|
|
|
height: calc(100vh - 240px);
|
|
|
- overflow-x: hidden;
|
|
|
- overflow-y: scroll;
|
|
|
+ // overflow-x: hidden;
|
|
|
+ // overflow-y: scroll;
|
|
|
.black {
|
|
|
position: fixed;
|
|
|
top: 300px;
|
|
|
@@ -652,14 +619,14 @@ p {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
font-size: 12px;
|
|
|
- height: 18px;
|
|
|
+ // height: 18px;
|
|
|
line-height: 18px;
|
|
|
.position > p {
|
|
|
text-align: left;
|
|
|
// color: #fbe8ff;
|
|
|
}
|
|
|
.right-content > p {
|
|
|
- margin-left: 15px;
|
|
|
+ // margin-left: 15px;
|
|
|
// color: #fbe8ff;
|
|
|
text-align: left;
|
|
|
}
|