|
@@ -1,14 +1,13 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="sample-content">
|
|
<div class="sample-content">
|
|
|
- <!-- 表格組件 -->
|
|
|
|
|
- <!-- <div @dblclick="clickBtn">{{ showValue }}</div> -->
|
|
|
|
|
<div @click="clickBtn" style="cursor: pointer;" >
|
|
<div @click="clickBtn" style="cursor: pointer;" >
|
|
|
<div >点击视图选择位置</div>
|
|
<div >点击视图选择位置</div>
|
|
|
- <!-- <input placeholder="请输入内容" :value="showValue" id="valueDom" @click="onChange"> -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
- <!-- <el-input></el-input> -->
|
|
|
|
|
<div class="selectArea" v-if="ifshow">
|
|
<div class="selectArea" v-if="ifshow">
|
|
|
- <div @click="close" class="close-content"> <i class="el-icon-close"></i><el-button class="closeBtn">关闭视图</el-button></div>
|
|
|
|
|
|
|
+ <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-content">
|
|
|
<div class="top-title">库存可视化</div>
|
|
<div class="top-title">库存可视化</div>
|
|
|
<div class="query-content">
|
|
<div class="query-content">
|
|
@@ -58,18 +57,16 @@
|
|
|
<ul class="list-items">
|
|
<ul class="list-items">
|
|
|
<li
|
|
<li
|
|
|
class="list-item quyu-item"
|
|
class="list-item quyu-item"
|
|
|
- :style="{
|
|
|
|
|
- background: quyuShow == item.qu_yu_ ? '#FF9900' : '#e5baba',
|
|
|
|
|
- }"
|
|
|
|
|
|
|
+ :style="{background: quyuShow == item.qu_yu_ ? '#FF9900' : '#e5baba'}"
|
|
|
@click="qu_yu_Event"
|
|
@click="qu_yu_Event"
|
|
|
v-for="item in quyu_arr"
|
|
v-for="item in quyu_arr"
|
|
|
:key="item.qu_yu_"
|
|
:key="item.qu_yu_"
|
|
|
>
|
|
>
|
|
|
- <div v-if="item.qu_yu_.includes('冰箱')">
|
|
|
|
|
|
|
+ <div v-show="item.qu_yu_.includes('冰箱')">
|
|
|
{{ item.qu_yu_ | freezerFilters }}({{ item.cun_chu_tiao_jian }})
|
|
{{ item.qu_yu_ | freezerFilters }}({{ item.cun_chu_tiao_jian }})
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div v-if="!item.qu_yu_.includes('冰箱')">
|
|
|
|
|
|
|
+ <div v-show="!item.qu_yu_.includes('冰箱')">
|
|
|
{{ item.qu_yu_ | freezerFilters }}
|
|
{{ item.qu_yu_ | freezerFilters }}
|
|
|
</div>
|
|
</div>
|
|
|
</li>
|
|
</li>
|
|
@@ -87,7 +84,6 @@
|
|
|
<div>
|
|
<div>
|
|
|
<div class="goods-level">
|
|
<div class="goods-level">
|
|
|
<div class="level-dsc">
|
|
<div class="level-dsc">
|
|
|
- <!-- 第{{ index | indexfilter(listData) }}层 -->
|
|
|
|
|
第{{ index }}层
|
|
第{{ index }}层
|
|
|
</div>
|
|
</div>
|
|
|
<div class="goods-list">
|
|
<div class="goods-list">
|
|
@@ -95,18 +91,21 @@
|
|
|
v-for="(it, index) in listData[index]"
|
|
v-for="(it, index) in listData[index]"
|
|
|
:key="index"
|
|
:key="index"
|
|
|
class="goods-dsc"
|
|
class="goods-dsc"
|
|
|
- :style="{
|
|
|
|
|
- background:
|
|
|
|
|
- it.cun_fang_wei_zhi_ == '空' ? '' : '#67c23a',
|
|
|
|
|
- }"
|
|
|
|
|
|
|
+ :style="{ background:(it.wu_liao_ming_chen) ? '#67c23a':'#e6a23c'}"
|
|
|
@click="closeView(it)"
|
|
@click="closeView(it)"
|
|
|
>
|
|
>
|
|
|
<div class="top-dsc">
|
|
<div class="top-dsc">
|
|
|
<div class="position">
|
|
<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.wu_liao_bian_ma_ || it.wu_liao_bian_ma_ }}</p>
|
|
|
<p>位置:{{ it.wei_zhi_ || it.cun_fang_wei_zhi_ }}</p>
|
|
<p>位置:{{ it.wei_zhi_ || it.cun_fang_wei_zhi_ }}</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>
|
|
|
<div class="right-content">
|
|
<div class="right-content">
|
|
|
<p>入库批号:{{ it.ru_ku_pi_hao_ || "空" }}</p>
|
|
<p>入库批号:{{ it.ru_ku_pi_hao_ || "空" }}</p>
|
|
@@ -114,18 +113,14 @@
|
|
|
<p>有效期:{{ it.you_xiao_qi_ || "空" }}</p>
|
|
<p>有效期:{{ it.you_xiao_qi_ || "空" }}</p>
|
|
|
<p>库存量:{{ it.ku_cun_liang_ || "空" }}</p>
|
|
<p>库存量:{{ it.ku_cun_liang_ || "空" }}</p>
|
|
|
</div>
|
|
</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>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="goodshelf-name" v-if="index == 1">
|
|
|
|
|
|
|
+ <!-- <div class="goodshelf-name" v-if="index == 1">
|
|
|
{{ desString }}
|
|
{{ desString }}
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -162,12 +157,11 @@ export default {
|
|
|
selectActive: "",
|
|
selectActive: "",
|
|
|
cenghao: [],
|
|
cenghao: [],
|
|
|
warehouse: [],
|
|
warehouse: [],
|
|
|
- loading: false,
|
|
|
|
|
pagination: {},
|
|
pagination: {},
|
|
|
secondshow: false,
|
|
secondshow: false,
|
|
|
ifshow: false,
|
|
ifshow: false,
|
|
|
showValue: "",
|
|
showValue: "",
|
|
|
- value:"111"
|
|
|
|
|
|
|
+ value:"",
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
props: {
|
|
props: {
|
|
@@ -182,13 +176,6 @@ export default {
|
|
|
type:Boolean,
|
|
type:Boolean,
|
|
|
default: false
|
|
default: false
|
|
|
},
|
|
},
|
|
|
- component_12u7eoo:{
|
|
|
|
|
- type:String,
|
|
|
|
|
- default(){
|
|
|
|
|
- return 111
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
},
|
|
},
|
|
|
filters: {
|
|
filters: {
|
|
|
indexfilter: function (value, data) {
|
|
indexfilter: function (value, data) {
|
|
@@ -225,76 +212,63 @@ 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: {
|
|
methods: {
|
|
|
|
|
|
|
|
- onChange(e){
|
|
|
|
|
- console.log("onChange")
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
closeView(value1) {
|
|
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_) {
|
|
if (value1.wei_zhi_) {
|
|
|
this.showValue = value1.wei_zhi_;
|
|
this.showValue = value1.wei_zhi_;
|
|
|
} else if (value1.cun_fang_wei_zhi_) {
|
|
} else if (value1.cun_fang_wei_zhi_) {
|
|
|
this.showValue = 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 name = "cunFangWeiZhi"; //其他字段属性
|
|
|
const value= this.showValue; //字段的值
|
|
const value= this.showValue; //字段的值
|
|
|
this.$emit("change-data", name, value);
|
|
this.$emit("change-data", name, value);
|
|
|
-
|
|
|
|
|
const name2 = "biaoZhunZhi"; //其他字段属性
|
|
const name2 = "biaoZhunZhi"; //其他字段属性
|
|
|
const value2= this.formInline.cang_ku_ming_chen_value; //字段的值
|
|
const value2= this.formInline.cang_ku_ming_chen_value; //字段的值
|
|
|
this.$emit("change-data", name2, value2);
|
|
this.$emit("change-data", name2, value2);
|
|
|
- this.ifshow = !this.ifshow;
|
|
|
|
|
|
|
+ this.ifshow = false;
|
|
|
},
|
|
},
|
|
|
close() {
|
|
close() {
|
|
|
- this.ifshow = !this.ifshow;
|
|
|
|
|
|
|
+ this.ifshow = false;
|
|
|
},
|
|
},
|
|
|
- firstLoadQuyu(cang_ku) {
|
|
|
|
|
|
|
+ async firstLoadQuyu(cang_ku) {
|
|
|
let sqlString = `select distinct qu_yu_,cun_chu_tiao_jian from t_ck where cang_ku_ming_chen = '${cang_ku}' order by qu_yu_ asc`;
|
|
let sqlString = `select distinct qu_yu_,cun_chu_tiao_jian from t_ck where cang_ku_ming_chen = '${cang_ku}' order by qu_yu_ asc`;
|
|
|
var this_ = this;
|
|
var this_ = this;
|
|
|
- curdPost("sql", sqlString).then((response) => {
|
|
|
|
|
|
|
+ await curdPost("sql", sqlString).then((response) => {
|
|
|
this_.quyu_arr = response.variables.data;
|
|
this_.quyu_arr = response.variables.data;
|
|
|
if (!this.firstLoadActive) {
|
|
if (!this.firstLoadActive) {
|
|
|
this_.formInline.qu_yu_value = "";
|
|
this_.formInline.qu_yu_value = "";
|
|
@@ -308,11 +282,7 @@ export default {
|
|
|
this.selectActive = 1;
|
|
this.selectActive = 1;
|
|
|
this.firstLoadActive = true;
|
|
this.firstLoadActive = true;
|
|
|
this.quyuShow = "1号试剂柜";
|
|
this.quyuShow = "1号试剂柜";
|
|
|
- var sqlString =
|
|
|
|
|
- "select * from t_mjwlgl where cang_ku_ming_chen = '试剂库1' and cun_fang_wei_zhi_ like" +
|
|
|
|
|
- "'%" +
|
|
|
|
|
- "SJG1" +
|
|
|
|
|
- "%'";
|
|
|
|
|
|
|
+ var sqlString ="select * from t_mjwlgl where cang_ku_ming_chen = '试剂库1' and cun_fang_wei_zhi_ like" +"'%" +"SJG1" +"%'";
|
|
|
this.queryLoad(sqlString, "SJG1");
|
|
this.queryLoad(sqlString, "SJG1");
|
|
|
},
|
|
},
|
|
|
sqlSlice(value) {
|
|
sqlSlice(value) {
|
|
@@ -323,15 +293,17 @@ export default {
|
|
|
return "SJG";
|
|
return "SJG";
|
|
|
case "冰箱":
|
|
case "冰箱":
|
|
|
return "BX";
|
|
return "BX";
|
|
|
|
|
+ case "危化品柜":
|
|
|
|
|
+ return "WHPG";
|
|
|
default:
|
|
default:
|
|
|
"";
|
|
"";
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- loadQueryData() {
|
|
|
|
|
|
|
+ async loadQueryData() {
|
|
|
//查询选择仓库数据查询
|
|
//查询选择仓库数据查询
|
|
|
var sqlString = "select distinct cang_ku_ming_chen from t_ck ";
|
|
var sqlString = "select distinct cang_ku_ming_chen from t_ck ";
|
|
|
var this_ = this;
|
|
var this_ = this;
|
|
|
- curdPost("sql", sqlString).then((response) => {
|
|
|
|
|
|
|
+ await curdPost("sql", sqlString).then((response) => {
|
|
|
this_.cangkuOption = response.variables.data;
|
|
this_.cangkuOption = response.variables.data;
|
|
|
this_.cangkuOption.forEach((item, index) => {
|
|
this_.cangkuOption.forEach((item, index) => {
|
|
|
if (!item) {
|
|
if (!item) {
|
|
@@ -344,49 +316,29 @@ export default {
|
|
|
this.desShow = false;
|
|
this.desShow = false;
|
|
|
//头部按钮查询事
|
|
//头部按钮查询事
|
|
|
// var sqlString = `select * from t_mjwlgl where cang_ku_ming_chen = '${this.formInline.cang_ku_ming_chen_value}' and qu_yu_ = '${this.formInline.qu_yu_value}'`;
|
|
// var sqlString = `select * from t_mjwlgl where cang_ku_ming_chen = '${this.formInline.cang_ku_ming_chen_value}' and qu_yu_ = '${this.formInline.qu_yu_value}'`;
|
|
|
- let py = this.formInline.qu_yu_value.split("号")[1].replace(/^\s*/g, "");
|
|
|
|
|
- let num = this.formInline.qu_yu_value.split("号")[0];
|
|
|
|
|
|
|
+ let qu_yu_value = this.formInline.qu_yu_value
|
|
|
|
|
+ let py = qu_yu_value.split("号")[1].replace(/^\s*/g, "");
|
|
|
|
|
+ let num = qu_yu_value.split("号")[0];
|
|
|
let quyu = this.sqlSlice(py);
|
|
let quyu = this.sqlSlice(py);
|
|
|
let type = (quyu + num).replace(/^\s*/g, "");
|
|
let type = (quyu + num).replace(/^\s*/g, "");
|
|
|
- var sqlString =
|
|
|
|
|
- "select * from t_mjwlgl where cang_ku_ming_chen = '" +
|
|
|
|
|
- this.formInline.cang_ku_ming_chen_value +
|
|
|
|
|
- "' and cun_fang_wei_zhi_ like " +
|
|
|
|
|
- "'%" +
|
|
|
|
|
- type +
|
|
|
|
|
- "%'";
|
|
|
|
|
|
|
+ var sqlString ="select * from t_mjwlgl where cang_ku_ming_chen = '" +this.formInline.cang_ku_ming_chen_value +"' and cun_fang_wei_zhi_ like " +"'%" +type +"%'";
|
|
|
this.queryLoad(sqlString, type);
|
|
this.queryLoad(sqlString, type);
|
|
|
},
|
|
},
|
|
|
- queryLoad(sql, py) {
|
|
|
|
|
- //数据加载
|
|
|
|
|
|
|
+ async queryLoad(sql, py) {//数据加载
|
|
|
let this_ = this;
|
|
let this_ = this;
|
|
|
var datas = [];
|
|
var datas = [];
|
|
|
this.cenghao = [];
|
|
this.cenghao = [];
|
|
|
const labelsMap = {}; // map存储
|
|
const labelsMap = {}; // map存储
|
|
|
let typeData = [];
|
|
let typeData = [];
|
|
|
let typeArr = [];
|
|
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 ";
|
|
|
|
|
- curdPost("sql", sqltype).then((res) => {
|
|
|
|
|
|
|
+ this_.listData = [];
|
|
|
|
|
+ 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 ";
|
|
|
|
|
+ await curdPost("sql", sqltype).then((res) => {
|
|
|
typeData = res.variables.data; //查询具体仓库某个货架的所有位置
|
|
typeData = res.variables.data; //查询具体仓库某个货架的所有位置
|
|
|
- // console.log(typeData, "位置");
|
|
|
|
|
- curdPost("sql", sql).then((res) => {
|
|
|
|
|
|
|
+ });
|
|
|
|
|
+ await curdPost("sql", sql).then((res) => {
|
|
|
datas = res.variables.data; //具体仓库某个货架的所有物料数据
|
|
datas = res.variables.data; //具体仓库某个货架的所有物料数据
|
|
|
- // console.log(datas, "数据");
|
|
|
|
|
typeData.forEach((item) => {
|
|
typeData.forEach((item) => {
|
|
|
typeArr[item.wei_zhi_] = [];
|
|
typeArr[item.wei_zhi_] = [];
|
|
|
if (datas.length == 0) {
|
|
if (datas.length == 0) {
|
|
@@ -404,8 +356,8 @@ export default {
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- // console.log(typeArr, "22222222222222");
|
|
|
|
|
- curdPost("sql", classSql).then((res2) => {
|
|
|
|
|
|
|
+ });
|
|
|
|
|
+ await curdPost("sql", classSql).then((res2) => {
|
|
|
let resData = res2.variables.data;
|
|
let resData = res2.variables.data;
|
|
|
resData.forEach((item) => {
|
|
resData.forEach((item) => {
|
|
|
let layer = item.wei_zhi_;
|
|
let layer = item.wei_zhi_;
|
|
@@ -413,23 +365,18 @@ export default {
|
|
|
labelsMap[layer] = [];
|
|
labelsMap[layer] = [];
|
|
|
for (var prop in typeArr) {
|
|
for (var prop in typeArr) {
|
|
|
if (typeArr.hasOwnProperty(prop)) {
|
|
if (typeArr.hasOwnProperty(prop)) {
|
|
|
- // console.log(prop,item.wei_zhi_);
|
|
|
|
|
if (prop.includes(item.wei_zhi_)) {
|
|
if (prop.includes(item.wei_zhi_)) {
|
|
|
labelsMap[layer].push(...typeArr[prop]);
|
|
labelsMap[layer].push(...typeArr[prop]);
|
|
|
- // console.log(labelsMap)
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- // console.log(labelsMap, "数据");
|
|
|
|
|
this_.listData = labelsMap;
|
|
this_.listData = labelsMap;
|
|
|
|
|
+ console.log(this_.listData)
|
|
|
});
|
|
});
|
|
|
- });
|
|
|
|
|
- });
|
|
|
|
|
},
|
|
},
|
|
|
qu_yu_Event(e) {
|
|
qu_yu_Event(e) {
|
|
|
- //点击区域事件,加载可视化视\
|
|
|
|
|
- console.log(this.formData, "formData");
|
|
|
|
|
|
|
+ //点击区域事件,加载可视化视
|
|
|
let value = e.target.innerText;
|
|
let value = e.target.innerText;
|
|
|
if (value.includes("(")) {
|
|
if (value.includes("(")) {
|
|
|
let index = value.indexOf("(");
|
|
let index = value.indexOf("(");
|
|
@@ -439,15 +386,7 @@ export default {
|
|
|
let py = value.split("号")[1].replace(/^\s*/g, "");
|
|
let py = value.split("号")[1].replace(/^\s*/g, "");
|
|
|
let quyu = this.sqlSlice(py);
|
|
let quyu = this.sqlSlice(py);
|
|
|
let type = (quyu + num).replace(/^\s*/g, "");
|
|
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 +
|
|
|
|
|
- "'";
|
|
|
|
|
- // console.log(sqlString, type);
|
|
|
|
|
|
|
+ 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 +"'";
|
|
|
this.queryLoad(sqlString, type);
|
|
this.queryLoad(sqlString, type);
|
|
|
this.formInline.qu_yu_value = value;
|
|
this.formInline.qu_yu_value = value;
|
|
|
this.quyuShow = value;
|
|
this.quyuShow = value;
|
|
@@ -456,12 +395,15 @@ export default {
|
|
|
this.desShow = true;
|
|
this.desShow = true;
|
|
|
},
|
|
},
|
|
|
clickBtn() {
|
|
clickBtn() {
|
|
|
- this.ifshow = !this.ifshow;
|
|
|
|
|
|
|
+ this.loadQueryData();
|
|
|
|
|
+ this.firstLoadViewData();
|
|
|
|
|
+ this.firstLoadQuyu("试剂库1");
|
|
|
|
|
+ this.ifshow = true;
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
|
//监控仓库名称变化 触发第一次加载数据
|
|
//监控仓库名称变化 触发第一次加载数据
|
|
|
- "formInline.cang_ku_ming_chen_value": async function (newdata) {
|
|
|
|
|
|
|
+ "formInline.cang_ku_ming_chen_value": function (newdata) {
|
|
|
this.firstLoadQuyu(newdata);
|
|
this.firstLoadQuyu(newdata);
|
|
|
},
|
|
},
|
|
|
"formInline.qu_yu_value": function (newdata) {
|
|
"formInline.qu_yu_value": function (newdata) {
|
|
@@ -469,9 +411,6 @@ export default {
|
|
|
this.quyuShow = newdata;
|
|
this.quyuShow = newdata;
|
|
|
this.firstLoadActive = false;
|
|
this.firstLoadActive = false;
|
|
|
},
|
|
},
|
|
|
- // formData(val) {
|
|
|
|
|
- // // console.log(val, "watching");
|
|
|
|
|
- // },
|
|
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
@@ -489,7 +428,7 @@ p {
|
|
|
right: 100px;
|
|
right: 100px;
|
|
|
top: 50px;
|
|
top: 50px;
|
|
|
//
|
|
//
|
|
|
- background: #f56c6c;
|
|
|
|
|
|
|
+ background: #f56c6c;
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
padding:0px 4px;
|
|
padding:0px 4px;
|
|
|
border-radius: 5px;
|
|
border-radius: 5px;
|
|
@@ -552,24 +491,9 @@ p {
|
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
|
margin-left: 20px;
|
|
margin-left: 20px;
|
|
|
margin-bottom: 6px;
|
|
margin-bottom: 6px;
|
|
|
- /* margin-top: 6px; */
|
|
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
.tiaojian {
|
|
.tiaojian {
|
|
|
- // position: absolute;
|
|
|
|
|
- // right: 0px;
|
|
|
|
|
- // top: 0px;
|
|
|
|
|
- // background-color: #f56c6c;
|
|
|
|
|
- // border-radius: 10px;
|
|
|
|
|
- // color: #fff;
|
|
|
|
|
- // display: inline-block;
|
|
|
|
|
- // font-size: 12px;
|
|
|
|
|
- // height: 18px;
|
|
|
|
|
- // line-height: 18px;
|
|
|
|
|
- // padding: 0 6px;
|
|
|
|
|
- // text-align: center;
|
|
|
|
|
- // white-space: nowrap;
|
|
|
|
|
- // border: 1px solid #fff;
|
|
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -585,8 +509,8 @@ p {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
height: calc(100vh - 240px);
|
|
height: calc(100vh - 240px);
|
|
|
- overflow-x: hidden;
|
|
|
|
|
- overflow-y: scroll;
|
|
|
|
|
|
|
+ // overflow-x: hidden;
|
|
|
|
|
+ // overflow-y: scroll;
|
|
|
.black {
|
|
.black {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
top: 300px;
|
|
top: 300px;
|
|
@@ -609,7 +533,7 @@ p {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
.goods-items {
|
|
.goods-items {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- overflow-x: hidden;
|
|
|
|
|
|
|
+ overflow: hidden;
|
|
|
border: solid 2px rgb(202, 236, 247);
|
|
border: solid 2px rgb(202, 236, 247);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column-reverse;
|
|
flex-direction: column-reverse;
|
|
@@ -618,7 +542,6 @@ p {
|
|
|
border-bottom: 1px solid bisque;
|
|
border-bottom: 1px solid bisque;
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- // overflow-y: scroll;
|
|
|
|
|
.goods-level {
|
|
.goods-level {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
position: relative;
|
|
position: relative;
|
|
@@ -652,14 +575,14 @@ p {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
- height: 18px;
|
|
|
|
|
|
|
+ // height: 18px;
|
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
|
.position > p {
|
|
.position > p {
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
// color: #fbe8ff;
|
|
// color: #fbe8ff;
|
|
|
}
|
|
}
|
|
|
.right-content > p {
|
|
.right-content > p {
|
|
|
- margin-left: 15px;
|
|
|
|
|
|
|
+ // margin-left: 15px;
|
|
|
// color: #fbe8ff;
|
|
// color: #fbe8ff;
|
|
|
text-align: left;
|
|
text-align: left;
|
|
|
}
|
|
}
|