From fa17d4fc1265637e153db512498649413204c9b6 Mon Sep 17 00:00:00 2001
From: zhaoxiaolin <khd@123>
Date: Mon, 5 Aug 2024 10:44:46 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../quality/qcInventory/selectPutInOrder.vue  | 141 +++++++++
 .../quality/qcTableProduce/index_old.vue      | 282 ++++++++++++++++++
 .../quality/qcTableXJAnalysis/index_old.vue   | 199 ++++++++++++
 3 files changed, 622 insertions(+)
 create mode 100644 src/views/quality/qcInventory/selectPutInOrder.vue
 create mode 100644 src/views/quality/qcTableProduce/index_old.vue
 create mode 100644 src/views/quality/qcTableXJAnalysis/index_old.vue

diff --git a/src/views/quality/qcInventory/selectPutInOrder.vue b/src/views/quality/qcInventory/selectPutInOrder.vue
new file mode 100644
index 0000000..8f50c9b
--- /dev/null
+++ b/src/views/quality/qcInventory/selectPutInOrder.vue
@@ -0,0 +1,141 @@
+<template>
+  <el-dialog title="生产订单号选择"
+    v-if="showFlag"
+    :visible.sync="showFlag"
+    :modal= false
+    width="1000px"
+  >
+    <el-row :gutter="20">
+
+      <el-col :span="24" :xs="24">
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="105px" align="left">
+          <el-form-item label="单号">
+            <el-input
+              v-model="queryParams.orderNo"
+              placeholder="单号"
+              clearable
+              style="width: 240px"
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+        <el-table v-loading="loading" :data="itemList" @selection-change="handleBomSelectionChange" ref="myTable" >
+          <el-table-column width="50" align="center" type="selection"/>
+          <el-table-column label="单号" align="left"  prop="orderNo" width="120"/>
+          
+          <el-table-column label="产品编码"  align="left" prop="materialCode" width="180" />
+          <el-table-column label="产品名称"  align="left" prop="materialName" width="180"/>
+          <el-table-column label="数量"  align="left" prop="quality" width="100" />
+          <el-table-column label="仓库编码"  align="left" prop="supplierCode"/>
+          <el-table-column label="仓库编名称"  align="left" prop="supplierName" width="120"/>
+          <el-table-column label="入库日期"  align="left" prop="incomeTime" :show-overflow-tooltip="true" width="120">
+          			<template slot-scope="scope">
+                  <span>{{ parseTime(scope.row.incomeTime, '{y}-{m}-{d}') }}</span>
+                </template>
+          </el-table-column>
+          <el-table-column label="状态" align="left" prop="status" width="90"/>
+        </el-table>
+
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </el-col>
+    </el-row>
+    <div slot="footer" class="dialog-footer">
+              <el-button type="primary" @click="submitPutInOrderForm">确 定</el-button>
+              <el-button @click="showFlag=false">取 消</el-button>
+       </div>
+  </el-dialog>
+</template>
+<script>
+
+import { getPutInOrder } from "@/api/quality/income";
+export default {
+  name: "itemPutInOrder",
+  data() {
+    return {
+      showFlag:false,
+      // 选中数组
+      selectedRows: {},
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // BOM产品表格数据
+      itemList: null,
+
+      //树名称
+      bomCode: undefined,
+      defaultProps: {
+        id: "id",
+        label: "label"
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        workorderCode: ''
+      },
+      selectionRow:{}
+    };
+  },
+  created() {
+    this.getList();
+  },
+
+  methods: {
+
+    /** 查询表格列表*/
+    getList() {
+      this.loading = true;
+      getPutInOrder(this.queryParams).then(response => {
+          this.itemList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        }
+      );
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+
+    
+    // 多选框选中数据
+		handleBomSelectionChange(selection) {
+
+      if(selection.length>1){
+        this.$modal.msgSuccess("只能选一个");
+      }
+
+			this.selectionRow = selection[0]
+		},
+
+
+    submitPutInOrderForm() {
+      this.$emit('onSelected', this.selectionRow);
+      this.showFlag = false;
+    }
+  }
+};
+</script>
diff --git a/src/views/quality/qcTableProduce/index_old.vue b/src/views/quality/qcTableProduce/index_old.vue
new file mode 100644
index 0000000..2900904
--- /dev/null
+++ b/src/views/quality/qcTableProduce/index_old.vue
@@ -0,0 +1,282 @@
+<template>
+    <div class="app-container">
+		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px" style="margin-bottom: 0px;">
+			<el-form-item label="月份" prop="ymArray">
+                <el-date-picker
+					v-model="queryParams.ymArray"
+					format="yyyy-MM"
+					type="monthrange"
+					range-separator="至"
+					start-placeholder="开始月份"
+					end-placeholder="结束月份">
+				</el-date-picker>
+			</el-form-item>
+			<el-form-item label="工作中心">
+				 <el-select v-model="queryParams.workCenter" filterable placeholder="请选择工作中心">
+					<el-option
+					v-for="item in options"
+					:key="item.factoryCode"
+					:label="item.factoryName"
+					:value="item.factoryCode">
+					</el-option>
+				</el-select>
+			</el-form-item>
+			<el-form-item label="产品">
+				<div class="tagbox">
+					<div class="tag" style="" placeholder="请选择产品">
+						<el-tag
+						:key="index"
+						class="tagitem"
+						v-for="(tag, index) in selectMaterielListtag"
+						closable
+						:disable-transitions="false"
+						@close="handleClose(tag)"
+						>
+						{{ tag.componentName }}
+						</el-tag>
+					</div>
+					<el-button
+						slot="append"
+						class="button1"
+						@click="handleSelectSupplier"
+						icon="el-icon-search"
+					></el-button>
+					<el-row style="display: none;">
+						<el-input type="input" v-model="queryParams.materialCode" placeholder="点击选择产品"/>
+						<el-input type="input" v-model="queryParams.materialName" placeholder="点击选择产品"/>
+					</el-row>
+				</div>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+				<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+			</el-form-item>
+		</el-form>
+		<el-row :gutter="20">
+			<el-col :sm="24" :lg="24">
+				<span style="font-size: 20px;margin: 40%;color: cadetblue;">{{title}}</span>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+				<div style="border: 1px solid #cfdee4;">
+				    <div id="orderline" style="width:100%;height:500px"></div>
+				</div>
+		</el-row>
+			<!--产品物料选择弹窗-->
+			<ItemSelectMaterial
+				ref="itemSelectMaterial"
+				@onSelected="onSelectMaterial"
+			></ItemSelectMaterial>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+require('echarts/theme/macarons')
+import {getProduceChartData,getWorkcenterList} from "@/api/quality/qcTable";
+import ItemSelectMaterial from "./selectMaterial.vue";
+import moment from 'moment';
+export default {
+  name: "produceLineChart",
+  components: { ItemSelectMaterial},
+  data() {
+    return {
+        title:"不良率统计",
+		// 查询参数
+		queryParams: {
+            ymArray: [],
+			workorderId: null,
+			rfid: null,
+			factoryCode: null,
+			machineCode: null,
+			nowProcessId: null,
+			nextProcessId: null,
+			orderNum: null,
+			inTime: null,
+			outTime: null,
+			status: null,
+			shiftId: null,
+			productCode: null,
+			materialCode: '',
+			materialName: ''
+		},
+		options:null,
+		// 产品选中listtag
+		selectMaterielListtag:[],
+	}
+  },
+	mounted(){
+		this.getDate();
+		this.getList()
+		this.getWorkcenterList();
+	},
+
+	methods: {
+		getWorkcenterList(){
+			
+            getWorkcenterList().then(data => {
+				this.options = data;
+			});
+			this.queryParams.workCenter = this.options[0].factoryCode;
+		},
+	    /**获取默认查询时间段**/
+		getDate() {
+			let start = this.Fungetdate (0)
+			let end = this.Fungetdate (0)
+			this.queryParams.ymArray.push(start,end)
+		},
+		Fungetdate (num) {
+			var dd = new Date();
+			dd.setDate(dd.getDate() + num);
+			var y = dd.getFullYear();
+			var m = dd.getMonth() + 1;//获取当前月份的日期
+			var d = dd.getDate();
+			return y + "-" + m;
+		},	
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.getList();
+		},
+
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm("queryForm");
+			this.getDate();
+			this.handleQuery();
+		},
+		getList() {
+
+			if(this.queryParams.ymArray.length>0){
+				this.queryParams.ymArrayStart = moment(this.queryParams.ymArray[0]).format('YYYY-MM');
+				this.queryParams.ymArrayEnd = moment(this.queryParams.ymArray[1]).format('YYYY-MM');
+			}
+
+			let myChart = this.$echarts.init(document.getElementById('orderline'))
+			getProduceChartData(this.queryParams).then(data => {
+				myChart.setOption({
+					title: {
+						text: this.title
+					},
+					tooltip: {
+						trigger: 'axis'
+					},
+					legend: {
+						data: data.legendData//['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+					},
+					grid: {
+						left: '3%',
+						right: '4%',
+						bottom: '3%',
+						containLabel: true
+					},
+					toolbox: {
+						feature: {
+							saveAsImage: {}
+						}
+					},
+					xAxis: {
+						type: 'category',
+						boundaryGap: false,
+						data: data.xAxis//['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+					},
+					yAxis: {
+						type: 'value'
+					},
+					series: data.series
+					//[
+					//	{
+					//	name: 'Email',
+					//	type: 'line',
+					////	stack: 'Total',
+					//	data: [120, 132, 101, 134, 90, 230, 210]
+					//	}
+					//]
+				},
+				true
+			)
+			})
+		},
+        /**供应商选择弹出框**/
+		handleSelectSupplier() {
+		  this.$refs.itemSelectMaterial.showFlag = true;
+		},
+		//供应商选择确认
+		onSelectMaterial(objs) {
+			var code = '';
+			var desc = '';
+			for (let i = 0; i < objs.length; i++) {
+				if(this.queryParams.materialCode.indexOf(objs[i].component)<0){
+					code = code + objs[i].component + ',';
+					this.selectMaterielListtag.push(objs[i])
+				}else{
+					this.$message({
+						message: objs[i].componentName+'已经选择',
+						type: 'warning'
+					})
+				}
+
+				if(this.queryParams.materialName.indexOf(objs[i].componentName)<0){
+				  desc = desc + objs[i].componentName + ',';
+				}
+			}
+
+			this.queryParams.materialCode += code;
+			this.queryParams.materialName += desc;
+		},
+		// 新增—删除标签
+		handleClose(tag) {
+	
+			this.selectMaterielListtag.splice(this.selectMaterielListtag.indexOf(tag.componentName), 1);
+			var code = "";
+			var desc = "";
+			for (let i = 0; i < this.selectMaterielListtag.length; i++) {
+				code = code + this.selectMaterielListtag[i].component + ",";
+				desc = desc + this.selectMaterielListtag[i].componentName + ",";
+			}
+			this.queryParams.materialCode = code;
+			this.queryParams.materialName = desc;
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.tagbox {
+  display: flex;
+  /* overflow: scroll; */
+  position: relative;
+  width: 80%;
+  padding-left: 26px;
+  margin-bottom: 15px;
+  .tagboxlabel{
+    width: 100px;
+    text-align: right;
+    vertical-align: middle;
+    font-size: 14px;
+    color: black;
+    line-height: 40px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin-right: 12px;
+  }
+  .tag {
+    width: 720px;
+    border: 1px #DCDFE6 solid;
+    height: 60px;
+    padding: 5px 15px;
+    overflow-y: scroll;
+    .tagitem{
+      margin-left: 5px;
+    }
+  }
+  .button1{
+    width: 37px;
+    height: 37px;
+    position: absolute;
+        right: -39px;
+    top: 2px;
+
+  }
+}
+</style>
+
+
diff --git a/src/views/quality/qcTableXJAnalysis/index_old.vue b/src/views/quality/qcTableXJAnalysis/index_old.vue
new file mode 100644
index 0000000..bfafdf6
--- /dev/null
+++ b/src/views/quality/qcTableXJAnalysis/index_old.vue
@@ -0,0 +1,199 @@
+<template>
+    <div class="app-container">
+		<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px" style="margin-bottom: 0px;">
+      <!--
+      <el-form-item label="订单编码" prop="orderNo">
+        <el-input
+          v-model="queryParams.orderNo"
+          placeholder="请输入订单编码"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="产品编号" prop="materialCode">
+        <el-input
+          v-model="queryParams.materialCode"
+          placeholder="请输入产品编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>-->
+      <el-form-item label="工单生产日期" prop="ymdms">
+        <el-date-picker clearable
+          v-model="queryParams.ymdms"
+          type="date"
+          value-format="yyyy-MM-dd"
+          placeholder="请选择工单生产日期"
+          style="width:205px"
+          >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+		</el-form>
+		<el-row :gutter="20">
+			<el-col :sm="24" :lg="24">
+				<span style="font-size: 20px;margin: 40%;color: cadetblue;">{{title}}</span>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+				<div style="border: 1px solid #cfdee4;">
+				    <div id="orderline" style="width:100%;height:500px"></div>
+				</div>
+		</el-row>
+  </div>
+</template>
+
+<script>
+import * as echarts from 'echarts'
+require('echarts/theme/macarons')
+import { getXJChartData} from "@/api/quality/qcTable";
+import moment from "moment/moment";
+export default {
+  name: "XJChart",
+  components: {},
+  data() {
+    return {
+        title:"巡检小时不良率折线图",
+        // 查询参数
+        queryParams: {
+          ymdms: null,
+          workorderCode: null,
+          workorderName: null,
+          parentOrder: null,
+          orderId: null,
+          orderCode: null,
+          productId: null,
+          productCode: null,
+          prodType: null,
+          productName: null,
+          productSpc: null,
+          productDate: null,
+          createTimeStart:null,
+          createTimeEnd:null
+        }
+      }
+  },
+	mounted(){
+    this.getDate();
+    this.getList();
+  },
+	methods: {
+    /**获取默认查询时间段**/
+		getDate() {
+			let start = this.Fungetdate (0)
+			this.queryParams.ymdms =start
+		},
+		Fungetdate (num) {
+			var dd = new Date();
+			dd.setDate(dd.getDate() + num);
+			var y = dd.getFullYear();
+			var m = dd.getMonth() + 1;//获取当前月份的日期
+			var d = dd.getDate();
+			return y + "-" + m +"-"+d;
+		},
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.getList();
+		},
+
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm("queryForm");
+			this.getDate();
+			this.handleQuery();
+		},
+		getList() {
+
+			let myChart = this.$echarts.init(document.getElementById('orderline'))
+			getXJChartData(this.queryParams).then(data => {
+
+        if(data == ''){
+          return
+        }
+        let seriesResult =  data.series;
+        seriesResult.forEach(se => {
+            se.type = 'line';//bar//line
+        });
+
+				myChart.setOption({
+              tooltip: {
+                trigger: 'axis'
+              },
+              legend: {
+                data: data.legendData
+              },
+              grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '3%',
+                containLabel: true
+              },
+              toolbox: {
+                feature: {
+                  saveAsImage: {}
+                }
+              },
+              xAxis: {
+                type: 'category',
+                boundaryGap: false,
+                data: data.xAxisData
+              },
+              yAxis: {
+                type: 'value',
+                axisLabel: {
+                  formatter: '{value} %'
+                }
+              },
+              series: seriesResult
+          },
+          true
+			  )
+			})
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.tagbox {
+  display: flex;
+  /* overflow: scroll; */
+  position: relative;
+  width: 80%;
+  padding-left: 26px;
+  margin-bottom: 15px;
+  .tagboxlabel{
+    width: 100px;
+    text-align: right;
+    vertical-align: middle;
+    font-size: 14px;
+    color: black;
+    line-height: 40px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin-right: 12px;
+  }
+  .tag {
+    width: 720px;
+    border: 1px #DCDFE6 solid;
+    height: 60px;
+    padding: 5px 15px;
+    overflow-y: scroll;
+    .tagitem{
+      margin-left: 5px;
+    }
+  }
+  .button1{
+    width: 37px;
+    height: 37px;
+    position: absolute;
+        right: -39px;
+    top: 2px;
+
+  }
+}
+</style>
+
+