|
|
@@ -1,13 +1,12 @@
|
|
|
<template>
|
|
|
<div class="sample-content">
|
|
|
<!-- 表格組件 -->
|
|
|
- <div class="selectPo" @dblclick="positionBtn">
|
|
|
+ <div class="selectPo" @click="positionBtn">
|
|
|
<el-input type="text" v-model="placeValue" clearable></el-input>
|
|
|
- <!-- <div>{{ placeValue }}</div> -->
|
|
|
<input type="text" v-model="value" style="opacity: 0; position: fixed" />
|
|
|
</div>
|
|
|
<div class="viewArea" v-if="viewShow">
|
|
|
- <h3 class="title">留样间样品存放位置可视图</h3>
|
|
|
+ <h2 class="title">留样间样品存放位置可视图</h2>
|
|
|
<div class="close" @click="positionBtn">
|
|
|
<i class="el-icon-circle-close"></i>
|
|
|
</div>
|
|
|
@@ -15,14 +14,16 @@
|
|
|
<div class="test-quyu" v-if="leixingcare">
|
|
|
<div class="test-list">
|
|
|
<ul class="list-items">
|
|
|
- <li
|
|
|
+ <li
|
|
|
+ v-show="item.qu_yu_ =='留样区'"
|
|
|
class="list-item quyu-item"
|
|
|
:style="{
|
|
|
- background: quyuShow == item.qu_yu_ ? '#FF9900' : '#0099CC',
|
|
|
+ background: quyuShows == item.qu_yu_ ? '#FF9900' : '#0099CC',
|
|
|
}"
|
|
|
@click="qu_yu_Event"
|
|
|
v-for="item in quyu_arr"
|
|
|
:key="item.qu_yu_"
|
|
|
+
|
|
|
>
|
|
|
{{ item.qu_yu_ }}
|
|
|
</li>
|
|
|
@@ -45,7 +46,7 @@
|
|
|
v-for="(item, index) in huo_jia_arr"
|
|
|
:key="index"
|
|
|
>
|
|
|
- {{ item.huo_jia_hao_ }}号{{ item.huo_jia_lei_xing_}}
|
|
|
+ {{ item.huo_jia_hao_ }}号{{ item.huo_jia_lei_xing_ }}
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -57,7 +58,7 @@
|
|
|
class="list-item huojia-item"
|
|
|
:style="{
|
|
|
background:
|
|
|
- guajiashow == item.gua_jia_hao_ + '号挂件'
|
|
|
+ guajiashow == item.gua_jia_hao_ + '号挂架'
|
|
|
? '#FF9900'
|
|
|
: '#e5baba',
|
|
|
}"
|
|
|
@@ -65,19 +66,20 @@
|
|
|
v-for="(item, index) in gua_jia_arr"
|
|
|
:key="index"
|
|
|
>
|
|
|
- {{ item.gua_jia_hao_ }}号挂件
|
|
|
+ {{ item.gua_jia_hao_ }}号挂架
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="body-content" v-if="viewShow">
|
|
|
+ <div class="body-content">
|
|
|
+ <div class="left-table" v-if="false"></div>
|
|
|
<div class="right-view">
|
|
|
<div class="goods-items">
|
|
|
<div
|
|
|
class="show-demo"
|
|
|
v-for="(item, index) in listData"
|
|
|
- :key="item"
|
|
|
+ :key="index"
|
|
|
>
|
|
|
<div @click="positionClick(listData[index])">
|
|
|
<div class="goods-level">
|
|
|
@@ -89,23 +91,46 @@
|
|
|
:key="ind"
|
|
|
:style="{
|
|
|
background:
|
|
|
- it.wei_zhi_zhuang_ta == '空余' ? '#67c23a' : '',
|
|
|
+ it.wei_zhi_zhuang_ta == '空余' ? 'green' : '#E6A23C',
|
|
|
}"
|
|
|
>
|
|
|
<div class="top-dsc">
|
|
|
<div class="position">
|
|
|
- <!-- <p>位置id：{{ it.shou_yang_wei_zhi }}</p>
|
|
|
- <p>货位id:{{ it.id_ }}</p> -->
|
|
|
- <p>样品名称：{{ it.yang_pin_ming_che }}</p>
|
|
|
-
|
|
|
- <p>样品编号：{{ it.yang_pin_bian_hao }}</p>
|
|
|
- <p>位置编号：{{ it.wei_zhi_bian_hao_ }}</p>
|
|
|
-
|
|
|
- <p>留样期限：{{ it.liu_yang_qi_xian_ }}</p>
|
|
|
+ <p>位置：{{ it.wei_zhi_bian_hao_ }}</p>
|
|
|
+ <p>样品编号：{{ it.yang_ben_bian_hao_ }}</p>
|
|
|
+ <p>样品名称：{{ it.yang_ben_ming_che }}</p>
|
|
|
|
|
|
- <p>位置状态：{{ it.wei_zhi_zhuang_ta }}</p>
|
|
|
- <p>存储条件：{{ it.cun_chu_tiao_jian }}</p>
|
|
|
+ <!-- <p>
|
|
|
+ 存储条件：{{
|
|
|
+ it.cun_chu_tiao_jian || it.cun_chu_yao_qiu_
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ <p >收样日期：{{ it.shou_yang_ri_qi_}}</p>
|
|
|
+ <p v-if="it.shi_fou_liu_yang_ =='是'">留样期限：{{ it.liu_yang_qi_xian_}}</p>
|
|
|
+ -->
|
|
|
+ <!-- <p>编号:{{it.yang_pin_bian_hao}}</p> -->
|
|
|
+ <!-- <p>批次:</p>
|
|
|
+ <p>有效期:</p> -->
|
|
|
</div>
|
|
|
+ <!-- <div class="right-content" v-if="false">
|
|
|
+ <p v-if="false">编号:{{ it.liu_yang_qi_xian_ }}</p>
|
|
|
+ <p>
|
|
|
+ {{ it.wei_zhi_zhuang_ta || it.yang_pin_ming_che }}
|
|
|
+ </p>
|
|
|
+ <p v-if="false">
|
|
|
+ 存储条件：{{
|
|
|
+ it.cun_chu_tiao_jian || it.cun_chu_yao_qiu_
|
|
|
+ }}
|
|
|
+ </p>
|
|
|
+ </div> -->
|
|
|
+ <div class="right-content">
|
|
|
+ <p>
|
|
|
+ {{ it.wei_zhi_zhuang_ta || it.yang_pin_ming_che }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="bottom-dsc" v-if="false">
|
|
|
+ {{ it.wei_zhi_zhuang_ta || it.yang_pin_ming_che }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -113,18 +138,11 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="goodshelf-name"
|
|
|
- style="height: 500px; font-size: 20px; text-align: center"
|
|
|
- >
|
|
|
- {{ desString }}
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import FixHeight from "@/mixins/height";
|
|
|
import curdPost from "@/business/platform/form/utils/custom/joinCURD.js";
|
|
|
@@ -132,6 +150,10 @@ export default {
|
|
|
mixins: [FixHeight],
|
|
|
data() {
|
|
|
return {
|
|
|
+ placeValue: "选择位置",
|
|
|
+ viewShow: false,
|
|
|
+ leixingcare: true,
|
|
|
+
|
|
|
sampleOption: [],
|
|
|
formInline: {
|
|
|
fang_jian_hao_value: "",
|
|
|
@@ -147,6 +169,7 @@ export default {
|
|
|
firstLoadActive: true,
|
|
|
qu_yu_value: "",
|
|
|
quyuShow: "",
|
|
|
+ quyuShow: "留样区",
|
|
|
huojiashow: "",
|
|
|
guajiashow: "",
|
|
|
leixingcare: true,
|
|
|
@@ -156,72 +179,82 @@ export default {
|
|
|
// pagination: {},
|
|
|
// secondshow: false,
|
|
|
desString: "",
|
|
|
- viewShow: false,
|
|
|
- placeValue: "选择位置",
|
|
|
};
|
|
|
},
|
|
|
- props: {
|
|
|
- value: {
|
|
|
- type: [String, Number, Array, Object],
|
|
|
- default: "",
|
|
|
- },
|
|
|
- },
|
|
|
filters: {
|
|
|
- specimenFilters: function (values) {
|
|
|
- if (values == "空余") {
|
|
|
+ specimenFilters: function (value) {
|
|
|
+ if (value == "空余") {
|
|
|
return "未占用";
|
|
|
} else {
|
|
|
- return values;
|
|
|
+ return value;
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- // created() {},
|
|
|
+ created() {
|
|
|
+ this.loadQueryData();
|
|
|
+ this.firstLoadViewData();
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ positionBtn() {
|
|
|
+ this.loadQueryData();
|
|
|
+ this.firstLoadViewData();
|
|
|
+ this.viewShow = !this.viewShow;
|
|
|
+ console.log(this.viewShow);
|
|
|
+ },
|
|
|
+ positionClick(values) {
|
|
|
+ this.viewShow = !this.viewShow;
|
|
|
+ this.placeValue = values[0].wei_zhi_bian_hao_;
|
|
|
+ let this_ = this;
|
|
|
+ console.log(values[0].id_, "id");
|
|
|
+ this_.$emit("input", values[0].id_); //传导
|
|
|
+ },
|
|
|
+
|
|
|
firstLoadViewData() {
|
|
|
var this_ = this;
|
|
|
- var sqlString = `select * from t_mjypcfwz where fang_jian_lei_xin = '留样间' and qu_yu_ = '' and huo_jia_lei_xing_ = '冰箱' and huo_jia_hao_ = '1'`;
|
|
|
- this.huojiashow = "1号冰箱";
|
|
|
- this.quyuShow = "";
|
|
|
- this.desString = "留样间" + "1号冰箱";
|
|
|
+ var sqlString = `select * from t_ypcfwz where fang_jian_lei_xin = '样品间' and qu_yu_ ='留样区' and huo_jia_hao_ = '5T' and huo_jia_lei_xing_ = '医用冷藏冷冻箱'`;
|
|
|
+ this.huojiashow = "5T号医用冷藏冷冻箱";
|
|
|
+ this.quyuShows = "留样区";
|
|
|
+ this.desString = "样品间" + "留样区医用冷藏冷冻箱";
|
|
|
this.queryLoad(sqlString);
|
|
|
- this.formInline.fang_jian_hao_value = "留样间";
|
|
|
- this.formInline.qu_yu_value = "";
|
|
|
- this.formInline.huo_jia_value = "1号冰箱";
|
|
|
- let sql = `select distinct huo_jia_lei_xing_ ,huo_jia_hao_ from t_mjypcfwz where fang_jian_lei_xin = '留样间' order by huo_jia_hao_ asc`;
|
|
|
+ this.formInline.fang_jian_hao_value = "样品间";
|
|
|
+ this.formInline.qu_yu_value = "留样区";
|
|
|
+ this.formInline.huo_jia_value = "5T号医用冷藏冷冻箱";
|
|
|
+ let sql = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_ypcfwz where fang_jian_lei_xin = '样品间' and qu_yu_ ='留样区' order by huo_jia_hao_ asc `;
|
|
|
curdPost("sql", sql).then((response) => {
|
|
|
this_.huo_jia_arr = response.variables.data;
|
|
|
+ console.log(this_.huo_jia_arr, "首次加载货架信息");
|
|
|
});
|
|
|
},
|
|
|
loadQueryData() {
|
|
|
- //查询选择数据查询
|
|
|
+ //查询选择数据查询 房间类型查询
|
|
|
var sqlString =
|
|
|
- "select distinct fang_jian_lei_xin from t_mjypcfwz WHERE fang_jian_lei_xin !=''";
|
|
|
+ "select distinct fang_jian_lei_xin from t_ypcfwz WHERE fang_jian_lei_xin !=''";
|
|
|
var this_ = this;
|
|
|
- curdPost("sql", sqlString).then((response) => {
|
|
|
- this_.sampleOption = response.variables.data;
|
|
|
- this_.sampleOption.pop();
|
|
|
- });
|
|
|
+ curdPost("sql", sqlString)
|
|
|
+ .then((response) => {
|
|
|
+ this_.sampleOption = response.variables.data;
|
|
|
+ console.log(this_.sampleOption, "this_.sampleOption");
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err, "err------>");
|
|
|
+ });
|
|
|
+ },
|
|
|
+ describeFn() {
|
|
|
+ this.desString =
|
|
|
+ this.formInline.fang_jian_hao_value +
|
|
|
+ this.formInline.qu_yu_value +
|
|
|
+ this.formInline.huo_jia_value +
|
|
|
+ this.formInline.gua_jia_value;
|
|
|
},
|
|
|
onSubmits(sql) {
|
|
|
var fang_jian_ = this.formInline.fang_jian_hao_value;
|
|
|
var qu_yu = this.formInline.qu_yu_value;
|
|
|
- var huo_jia_hao_ = this.formInline.huo_jia_value.substr(0, 1);
|
|
|
- let huo_jia_lei_xing_ = this.formInline.huo_jia_value.substr(
|
|
|
- 2,
|
|
|
- this.formInline.huo_jia_value.length
|
|
|
- );
|
|
|
+ var huo_jia_hao_ = this.formInline.huo_jia_value.split("号")[0];
|
|
|
+ let huo_jia_lei_xing_ = this.formInline.huo_jia_value.split("号")[1];
|
|
|
var gua_jia_hao = this.formInline.gua_jia_value.substr(0, 1);
|
|
|
- var sql;
|
|
|
- if (qu_yu != "") {
|
|
|
- sql = `select * from t_mjypcfwz where fang_jian_lei_xin = '${fang_jian_}' and qu_yu_ = '${qu_yu}' and huo_jia_lei_xing_ = '${huo_jia_lei_xing_}' and huo_jia_hao_ = '${huo_jia_hao_}'`;
|
|
|
- } else {
|
|
|
- if (huo_jia_lei_xing_.includes("冰箱")) {
|
|
|
- sql = `select * from t_mjypcfwz where fang_jian_lei_xin = '${fang_jian_}' and huo_jia_lei_xing_ = '${huo_jia_lei_xing_}' and huo_jia_hao_ = '${huo_jia_hao_}'`;
|
|
|
- } else if (huo_jia_lei_xing_.includes("液氮罐")) {
|
|
|
- sql = `select * from t_mjypcfwz where fang_jian_lei_xin = '${fang_jian_}' and huo_jia_lei_xing_ = '${huo_jia_lei_xing_}' and huo_jia_hao_ = '${huo_jia_hao_}' and gua_jia_hao_= '${gua_jia_hao}'`;
|
|
|
- }
|
|
|
- }
|
|
|
- // this.desString = fang_jian_ + qu_yu + huo_jia_hao_;
|
|
|
+ var sql = `select * from t_ypcfwz where fang_jian_lei_xin = '${fang_jian_}' and qu_yu_ ='${qu_yu}' and huo_jia_lei_xing_ = '${huo_jia_lei_xing_}' and huo_jia_hao_ = '${huo_jia_hao_}'`;
|
|
|
+ console.log(sql);
|
|
|
+ this.describeFn();
|
|
|
this.queryLoad(sql);
|
|
|
},
|
|
|
queryLoad(sql) {
|
|
|
@@ -232,35 +265,35 @@ export default {
|
|
|
this_.listData = [];
|
|
|
curdPost("sql", sql).then((res) => {
|
|
|
datas = res.variables.data;
|
|
|
+ console.log(datas, "2222222222 ");
|
|
|
datas.forEach((item) => {
|
|
|
- let yangpingSql =
|
|
|
- "select * from t_mjypdjb WHERE yang_pin_bian_hao = '" +
|
|
|
- item.yang_pin_bian_hao +
|
|
|
- "'";
|
|
|
if (!labelsMap[item.ceng_hao_]) {
|
|
|
//没有就创建
|
|
|
labelsMap[item.ceng_hao_] = [];
|
|
|
- curdPost("sql", yangpingSql).then((res) => {
|
|
|
- if (res.variables.data.length > 0) {
|
|
|
- let data = res.variables.data;
|
|
|
- item["yang_pin_ming_che"] = data[0].yang_pin_ming_che;
|
|
|
- labelsMap[item.ceng_hao_].push(item);
|
|
|
- } else {
|
|
|
- labelsMap[item.ceng_hao_].push(item);
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- curdPost("sql", yangpingSql).then((res) => {
|
|
|
- if (res.variables.data.length > 0) {
|
|
|
- let data = res.variables.data;
|
|
|
- item["yang_pin_ming_che"] = data[0].yang_pin_ming_che;
|
|
|
- labelsMap[item.ceng_hao_].push(item);
|
|
|
- } else {
|
|
|
- labelsMap[item.ceng_hao_].push(item);
|
|
|
- }
|
|
|
- });
|
|
|
}
|
|
|
+ // 通过样品货位配置的id外键 查询样品登记表
|
|
|
+ let yangpingSql =
|
|
|
+ "select * from t_lhypdjb WHERE cun_fang_wei_zhi_ = '" +
|
|
|
+ item.id_ +
|
|
|
+ "'";
|
|
|
+
|
|
|
+ curdPost("sql", yangpingSql).then((res) => {
|
|
|
+ var resData = res.variables.data;
|
|
|
+
|
|
|
+ if (resData.length > 0) {
|
|
|
+ resData.forEach((it) => {
|
|
|
+ console.log(yangpingSql, item, "样品扽飞机表");
|
|
|
+ it.wei_zhi_bian_hao_ = item.wei_zhi_bian_hao_;
|
|
|
+ labelsMap[item.ceng_hao_].push(it);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ labelsMap[item.ceng_hao_].push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ console.log(labelsMap, "3333333333");
|
|
|
});
|
|
|
+ // this.loading = true;
|
|
|
+
|
|
|
this_.listData = labelsMap;
|
|
|
});
|
|
|
},
|
|
|
@@ -269,65 +302,52 @@ export default {
|
|
|
this.huo_jia_arrEvent(e.target.innerText);
|
|
|
this.huojiashow = "";
|
|
|
this.guajiashow = "";
|
|
|
- let sqlString = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_mjypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${e.target.innerText}' order by huo_jia_hao_ asc`;
|
|
|
+ let sqlString = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_ypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${e.target.innerText}' order by huo_jia_hao_ asc`;
|
|
|
var this_ = this;
|
|
|
this.qu_yu_value = e.target.innerText;
|
|
|
- this.quyuShow = e.target.innerText;
|
|
|
+ this.quyuShows = e.target.innerText;
|
|
|
this.formInline.qu_yu_value = e.target.innerText;
|
|
|
curdPost("sql", sqlString).then((response) => {
|
|
|
this_.huo_jia_arr = response.variables.data;
|
|
|
+ console.log(this_.huo_jia_arr, "区域点击");
|
|
|
});
|
|
|
+ this.describeFn();
|
|
|
},
|
|
|
huo_jia_hao_Event(e) {
|
|
|
//货架 冰箱 液氮罐点击事件
|
|
|
- console.log("huo_ji")
|
|
|
this.guajiashow = "";
|
|
|
let selectText = e.target.innerText;
|
|
|
this.guajiaarrEvent(selectText);
|
|
|
this.huojiashow = selectText;
|
|
|
- let huojiaNum = selectText.substr(0, 1);
|
|
|
- this.formInline.huo_jia_value = selectText;
|
|
|
- let huojialeixing = this.formInline.huo_jia_value.substr(
|
|
|
- 2,
|
|
|
- this.formInline.huo_jia_value.length
|
|
|
- );
|
|
|
- //区分是冰箱和液氮罐的点击事件
|
|
|
- if (selectText.includes("冰箱")) {
|
|
|
- //如果是冰箱 请求样品货位配置信息 ->查询登记表
|
|
|
- var sql = `select * from t_mjypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${this.formInline.qu_yu_value}' and huo_jia_lei_xing_ = '${huojialeixing}' and huo_jia_hao_ = '${huojiaNum}'`;
|
|
|
- this.desString =
|
|
|
- this.formInline.fang_jian_hao_value +
|
|
|
- this.formInline.qu_yu_value +
|
|
|
- huojiaNum +
|
|
|
- huojialeixing;
|
|
|
- this.queryLoad(sql);
|
|
|
- } else if (selectText.includes("液氮罐")) {
|
|
|
- //液氮罐 查询该液氮罐下所有的挂件
|
|
|
- console.log(selectText)
|
|
|
- let sqlString = `select distinct gua_jia_hao_ from t_mjypcfwz where huo_jia_lei_xing_ = '液氮罐' and huo_jia_hao_ = '${huojiaNum}' order by gua_jia_hao_ asc`;
|
|
|
- var this_ = this;
|
|
|
- curdPost("sql", sqlString).then((response) => {
|
|
|
- this_.gua_jia_arr = response.variables.data;
|
|
|
- });
|
|
|
- }
|
|
|
+ let huojiaNum = selectText.split("号")[0];
|
|
|
this.formInline.huo_jia_value = selectText;
|
|
|
- },
|
|
|
- gua_jia_Event(e) {
|
|
|
- //液氮罐挂件号点击事件 查询该液氮罐下该挂件的货位位置信息;
|
|
|
- let selectText = e.target.innerText;
|
|
|
- this.guajiashow = selectText;
|
|
|
- let hguajiaNum = selectText.substr(0, 1);
|
|
|
- var fang_jian_hao_value = this.formInline.fang_jian_hao_value;
|
|
|
- var huo_jia_value = this.formInline.huo_jia_value;
|
|
|
- var sql = `select * from t_mjypcfwz where fang_jian_lei_xin = '${fang_jian_hao_value}' and huo_jia_lei_xing_ = '液氮罐' and huo_jia_hao_ = '${huo_jia_value.substring(
|
|
|
- 0,
|
|
|
- 1
|
|
|
- )}' and gua_jia_hao_= '${hguajiaNum}'`;
|
|
|
- this.desString = fang_jian_hao_value + huo_jia_value + selectText;
|
|
|
+ console.log(this.formInline.huo_jia_value, huojiaNum, "value");
|
|
|
+ let huojialeixing = this.formInline.huo_jia_value.split("号")[1];
|
|
|
+ var sql = `select * from t_ypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${this.formInline.qu_yu_value}' and huo_jia_lei_xing_ = '${huojialeixing}' and huo_jia_hao_ = '${huojiaNum}'`;
|
|
|
+ console.log(sql, "货架点击");
|
|
|
this.queryLoad(sql);
|
|
|
+ this.formInline.gua_jia_value = "";
|
|
|
+
|
|
|
+ this.describeFn();
|
|
|
+ this.formInline.huo_jia_value = selectText;
|
|
|
},
|
|
|
+ // gua_jia_Event(e) {
|
|
|
+ // //液氮罐挂架号点击事件 查询该液氮罐下该挂架的货位位置信息;
|
|
|
+ // let selectText = e.target.innerText;
|
|
|
+ // this.formInline.gua_jia_value = selectText;
|
|
|
+ // this.guajiashow = selectText;
|
|
|
+ // let hguajiaNum = selectText.substr(0, 1);
|
|
|
+ // var fang_jian_hao_value = this.formInline.fang_jian_hao_value;
|
|
|
+ // var huo_jia_value = this.formInline.huo_jia_value;
|
|
|
+ // var sql = `select * from t_mjypcfwz where fang_jian_lei_xin = '${fang_jian_hao_value}' and huo_jia_lei_xing_ = '液氮罐' and huo_jia_hao_ = '${huo_jia_value.substring(
|
|
|
+ // 0,
|
|
|
+ // 1
|
|
|
+ // )}' and gua_jia_hao_= '${hguajiaNum}'`;
|
|
|
+ // this.describeFn();
|
|
|
+ // this.queryLoad(sql);
|
|
|
+ // },
|
|
|
huo_jia_arrEvent(quyu) {
|
|
|
- let sqlString = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_mjypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${quyu}' order by huo_jia_hao_ asc`;
|
|
|
+ let sqlString = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_ypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${quyu}' order by huo_jia_hao_ asc`;
|
|
|
var this_ = this;
|
|
|
curdPost("sql", sqlString).then((response) => {
|
|
|
this_.huo_jia_arr = response.variables.data;
|
|
|
@@ -348,54 +368,108 @@ export default {
|
|
|
var this_ = this;
|
|
|
curdPost("sql", sqlString).then((response) => {
|
|
|
this_.gua_jia_arr = response.variables.data;
|
|
|
- this_.leixingcare = false;
|
|
|
});
|
|
|
},
|
|
|
- positionBtn() {
|
|
|
- this.loadQueryData();
|
|
|
- this.firstLoadViewData();
|
|
|
- this.viewShow = !this.viewShow;
|
|
|
- },
|
|
|
- positionClick(values) {
|
|
|
- this.viewShow = !this.viewShow;
|
|
|
- this.placeValue = values[0].wei_zhi_bian_hao_;
|
|
|
- let this_ = this;
|
|
|
- this_.$emit("input", values[0].id_); //传导
|
|
|
- },
|
|
|
},
|
|
|
watch: {
|
|
|
- // "formInline.fang_jian_hao_value": function (newdata, olddata) {
|
|
|
- // //监控房间号 input 输入框数据变化 来改变区域和货架信息（input）
|
|
|
- // this.huo_jia_arr = [];
|
|
|
- // let sqlString = `select distinct qu_yu_ ,huo_jia_hao_ from t_mjypcfwz where fang_jian_lei_xin = '${newdata}' `;
|
|
|
- // var this_ = this;
|
|
|
- // curdPost("sql", sqlString).then((response) => {
|
|
|
- // this_.quyu_arr = response.variables.data.reverse();
|
|
|
- // console.log(this_.quyu_arr);
|
|
|
- // this_.quyu_arr.forEach((item) => {
|
|
|
- // if (item.qu_yu_ == "") {
|
|
|
- // this_.leixingcare = false;
|
|
|
- // this_.formInline.qu_yu_value = "";
|
|
|
- // let sql = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_mjypcfwz where fang_jian_lei_xin = '${newdata}' order by huo_jia_hao_ asc`;
|
|
|
- // curdPost("sql", sql).then((res) => {
|
|
|
- // this_.huo_jia_arr = res.variables.data;
|
|
|
- // console.log(this_.huo_jia_arr);
|
|
|
- // });
|
|
|
- // return;
|
|
|
- // } else {
|
|
|
- // this_.leixingcare = true;
|
|
|
- // }
|
|
|
- // });
|
|
|
- // if (!this.firstLoadActive) {
|
|
|
- // this_.formInline.qu_yu_value = "";
|
|
|
- // }
|
|
|
- // });
|
|
|
- // },
|
|
|
+ "formInline.fang_jian_hao_value": function (newdata, olddata) {
|
|
|
+ //监控房间号 input 输入框数据变化 来改变区域和货架信息（input）
|
|
|
+ this.huo_jia_arr = [];
|
|
|
+ let sqlString = `select distinct qu_yu_ ,huo_jia_hao_ from t_ypcfwz where fang_jian_lei_xin = '${newdata}' `;
|
|
|
+ var this_ = this;
|
|
|
+ this_.formInline.qu_yu_value = "";
|
|
|
+ this_.formInline.gua_jia_value = "";
|
|
|
+ this_.formInline.huo_jia_value = "";
|
|
|
+ this_.describeFn();
|
|
|
+ curdPost("sql", sqlString).then((response) => {
|
|
|
+ let person = response.variables.data;
|
|
|
+ let obj = {};
|
|
|
+ let peon = person.reduce((cur, next) => {
|
|
|
+ obj[next.qu_yu_] ? "" : (obj[next.qu_yu_] = true && cur.push(next));
|
|
|
+ return cur;
|
|
|
+ }, []); //设置cur默认类型为数组，并且初始值为空的数组
|
|
|
+ console.log(peon);
|
|
|
+ this_.quyu_arr = peon; //区域获取
|
|
|
+ this_.quyu_arr.forEach((item) => {
|
|
|
+ if (item.qu_yu_ == "") {
|
|
|
+ //区域值为空
|
|
|
+ this_.leixingcare = false;
|
|
|
+ let sql = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_ypcfwz where fang_jian_lei_xin = '${newdata}' order by huo_jia_hao_ asc`;
|
|
|
+ curdPost("sql", sql).then((res) => {
|
|
|
+ this_.huo_jia_arr = res.variables.data;
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ this_.leixingcare = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (!this.firstLoadActive) {
|
|
|
+ this_.formInline.qu_yu_value = "";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ "formInline.qu_yu_value": function (newdata, olddata) {
|
|
|
+ //监控区域变化 input 输入框数据变化 来改变区域和货架信息（input）
|
|
|
+
|
|
|
+ this.quyuShow = newdata;
|
|
|
+ this.huo_jia_arrEvent(newdata);
|
|
|
+ this.huojiashow = "";
|
|
|
+ this.guajiashow = "";
|
|
|
+ this.formInline.qu_yu_value = newdata;
|
|
|
+ let sqlString = `select distinct huo_jia_hao_,huo_jia_lei_xing_ from t_ypcfwz where fang_jian_lei_xin = '${this.formInline.fang_jian_hao_value}' and qu_yu_ = '${newdata}' order by huo_jia_hao_ asc`;
|
|
|
+ var this_ = this;
|
|
|
+ this.qu_yu_value = newdata;
|
|
|
+ this.quyuShow = olddata;
|
|
|
+ console.log(sqlString, "货架变化");
|
|
|
+ curdPost("sql", sqlString)
|
|
|
+ .then((response) => {
|
|
|
+ this_.huo_jia_arr = response.variables.data;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err);
|
|
|
+ });
|
|
|
+ this.describeFn();
|
|
|
+ },
|
|
|
+ "formInline.huo_jia_value": function (newdata, olddata) {
|
|
|
+ //监控挂架变化 input 输入框数据变化 来改变区域和货架信息（input）
|
|
|
+ this.huojiashow = newdata;
|
|
|
+ },
|
|
|
placeValue: function (newdata, olddata) {
|
|
|
if (newdata == "" || newdata == null) {
|
|
|
this.$emit("input", "");
|
|
|
}
|
|
|
},
|
|
|
+ // "formInline.huo_jia_value": function (newdata, olddata) {
|
|
|
+ // //监控货架变化 input 输入框数据变化 来改变区域和货架信息（input）
|
|
|
+ // this.huojiashow = newdata;
|
|
|
+ // //货架 冰箱 液氮罐点击事件
|
|
|
+ // this.guajiashow = "";
|
|
|
+ // let selectText = newdata;
|
|
|
+ // this.guajiaarrEvent(selectText);
|
|
|
+ // this.huojiashow = selectText;
|
|
|
+ // let huojiaNum = selectText.substr(0, 1);
|
|
|
+ // this.formInline.huo_jia_value = selectText;
|
|
|
+ // this.formInline.gua_jia_value = "";
|
|
|
+ // //区分是冰箱和液氮罐的点击事件
|
|
|
+ // if (selectText.includes("冰箱")) {
|
|
|
+ // //如果是冰箱 请求样品货位配置信息 ->查询登记表
|
|
|
+ // } else if (selectText.includes("液氮罐")) {
|
|
|
+ // //液氮罐 查询该液氮罐下所有的挂架
|
|
|
+ // console.log(huojiaNum);
|
|
|
+ // let sqlString = `select distinct gua_jia_hao_ from t_mjypcfwz where huo_jia_lei_xing_ = '液氮罐' and huo_jia_hao_ = '${huojiaNum}' order by gua_jia_hao_ asc`;
|
|
|
+ // var this_ = this;
|
|
|
+ // curdPost("sql", sqlString).then((response) => {
|
|
|
+ // this_.gua_jia_arr = response.variables.data;
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // let sqlString = `select distinct gua_jia_hao_ from t_mjypcfwz where huo_jia_lei_xing_ = '液氮罐' and huo_jia_hao_ = '${huojiaNum}' order by gua_jia_hao_ asc`;
|
|
|
+ // var this_ = this;
|
|
|
+ // curdPost("sql", sqlString).then((response) => {
|
|
|
+ // this_.gua_jia_arr = response.variables.data;
|
|
|
+ // });
|
|
|
+ // this.describeFn();
|
|
|
+ // this.formInline.huo_jia_value = selectText;
|
|
|
+ // },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -439,7 +513,6 @@ p {
|
|
|
font-size: 18px;
|
|
|
line-height: 40px;
|
|
|
}
|
|
|
-
|
|
|
.query-content {
|
|
|
display: flex;
|
|
|
margin-left: 25px;
|
|
|
@@ -543,7 +616,7 @@ p {
|
|
|
// height: 18px;
|
|
|
line-height: 18px;
|
|
|
.position {
|
|
|
- width: 165px;
|
|
|
+ width: 160px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.position > p {
|
|
|
@@ -603,4 +676,3 @@ p {
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
-
|
zjy