Haier_MES.git - Gitblit

New file
			@@ -0,0 +1,393 @@
			<%@ page contentType="text/html;charset=UTF-8"%>
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="UTF-8">
			<!-- import CSS -->
			<link rel="stylesheet" href="../js/static/css/element.css">
			<link rel="stylesheet" href="../js/static/css/style.css">
			<style >
			.page-scroll {
			height: 100%;
			}

			.page-scroll .el-scrollbar__wrap {
			overflow-x: hidden;
			}
			img{
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 100%;
			}
			</style>
			</head>
			<body>
			<div id="app" >
			<el-container v-loading="loading" >
			<el-header style="margin-top: 3%;height: 3%;">
			<el-button @click="showFlagFuc" type="primary" round style="float:right;">{{showFlag==false?'返回订单':'新增订单'}}</el-button>
			<el-date-picker v-show="showFlag" style="float: left;margin-bottom: 0.3%;"
			v-model="selectdate"
			type="daterange"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>

			<el-button @click="selectTimeOrder" v-show="showFlag" type="primary" icon="el-icon-search"
			style="float: left;margin-left: 0.2%;margin-bottom: 0.3%;"
			>搜索
			</el-button>

			</el-header>
			<el-main >
			<el-table v-show="showFlag"
			:data="orderData"
			max-height="600"
			style="width: 100%;">


			<el-table-column
			v-for="(item,keys,index) in tableHead[0]"
			:key="index"
			:label="item"
			>
			<el-table-column :prop="keys" v-if="index==0" width=130>
			<template slot-scope="scope" v-if="Object.keys(orderData[0]).length!=0">

			<el-button v-if="orderData[scope.$index]['11_order_status']<2"
			@click.native.prevent="updateOrderState(scope.$index, orderData)"
			type="text"
			size="small"
			v-preventReClick
			>
			{{orderData[scope.$index]['11_order_status']==0?'审核':'反审'}}
			</el-button>

			<el-button v-if="orderData[scope.$index]['11_order_status']*1===0"
			@click.native.prevent="updateRow(scope.$index, orderData)"
			type="text"
			size="small">
			修改
			</el-button>
			<el-button
			v-if="orderData[scope.$index]['11_order_status']>1"
			@click.native.prevent="open(scope.$index, orderData)"
			type="text"
			size="small">
			次破
			</el-button>


			</template>
			</el-table-column>

			<el-table-column :prop="keys" v-if="index>0">
			<template slot="header" slot-scope="scope" >
			<el-input v-model="slectOrder[index-1]" @keyup.enter.native="selectSub" type="text" size="mini" />
			</template>

			</el-table-column>

			</el-table-column>
			</el-table>
			<!-- 新增修改 -->

			<el-form v-show="!showFlag" :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" style="width: 25%;margin: auto;">
			<el-form-item>
			<el-button v-show="updateShowFlag" type="primary" @click="updateGlassSub('ruleForm')" v-preventReClick >修改</el-button>
			<el-button v-show="!updateShowFlag" type="primary" @click="submitForm('ruleForm')" v-preventReClick >提交</el-button>
			<el-button @click="resetForm('ruleForm')">重置</el-button>
			</el-form-item>


			<el-form-item label="小片数量" prop="glassNum">
			<el-input v-model="ruleForm.glassNum" autocomplete="off" ></el-input>
			</el-form-item>

			<el-form-item label="配方号" prop="produceid">
			<template>
			<el-select v-model="ruleForm.produceid" placeholder="请选择" clearable filterable>
			<el-option
			v-for="item in orderProduce"
			:key="item['0_id']"
			:label="item['1_val']"
			:value="item['0_id']">
			</el-option>
			</el-select>
			</template>
			</el-form-item>



			</el-form>
			<el-dialog
			title="刺破"
			:visible.sync="wornGlassFLAG"
			width="30%"
			center>
			<span style="text-align: center;">
			<el-form :model="wornGlass" ref="wornGlass" :rules="rules">
			<el-form-item label="次破数量:" prop="wornNum">
			<el-input for="a" style="width: 50%;" v-model.number="wornGlass.wornNum" autocomplete="off" ></el-input>
			</el-form-item>
			<el-form-item label="次破原因:" >
			<el-input for="b" style="width: 50%;" v-model.number="wornGlass.reason" autocomplete="off" ></el-input>
			</el-form-item>

			<el-form-item>
			<el-button @click="resetForm('wornGlass');wornGlassFLAG = false">取消</el-button>
			<el-button v-show="!updateShowFlag" type="primary" @click="wornSub('wornGlass')" v-preventReClick>提交</el-button>
			</el-form-item>
			</el-form>

			</span>
			<!-- <span slot="footer" class="dialog-footer">

			<el-button type="primary" @click="wornSub">确定</el-button>
			</span> -->
			</el-dialog>
			</el-main>
			<!-- <el-footer style="background-color: azure;"></el-footer> -->
			</el-container>
			</div>
			</body>
			<script src="../js/jquery-3.4.1.min.js"></script>

			<script src="../js/static/js/vue.js"></script>
			<script src="../js/axios.min.js"></script>
			<script src="../js/mixins.js"></script>
			<!-- import JavaScript -->
			<script src="../js/static/js/element.js"></script>
			<script src="../js/static/js/echarts.min.js"></script>
			<script >
			//import * as echarts from '../js/echarts.min.js';
			Vue.prototype.$echarts = echarts
			Vue.prototype.$http= axios
			let app =new Vue({
			el: '#app',
			mixins:[mixin],
			data(){
			var checkNum = (rule, value, callback) => {
			if (!value) {
			return callback(new Error('不能为空'));
			}
			setTimeout(() => {
			let reg = new RegExp(`^[0-9]{1,4}(\.[0-9]{0,2})?$`)

			if (!reg.test(value)) {
			callback(new Error('请输入0.01-9999.99的数字'));
			}else {
			callback();
			}

			}, 1000);
			};
			var checkString = (rule, value, callback) => {
			if (!value) {
			return callback(new Error('不能为空'));
			}
			setTimeout(() => {
			if (value.length>255) {
			callback(new Error('最大长度255'));
			}else {
			callback();
			}
			}, 1000);
			};
			var checkInt = (rule, value, callback) => {
			if (!value) {
			return callback(new Error('不能为空或者0'));
			}
			setTimeout(() => {
			let reg = new RegExp(`^[0-9][1-9][0-9]$`)

			if (!reg.test(value)) {
			callback(new Error('请输入正整数'));
			}else {
			callback();
			}

			}, 1000);
			};
			return {
			loading:true,//页面加载flag
			ruleForm: {
			produceid:"",
			glassNum:"",
			creator:'<%= request.getParameter("xingming") %>'
			},
			rules: {
			produceid: [
			{ validator: checkInt, trigger: 'blur' }
			],
			glassNum: [
			{ validator: checkInt, trigger: 'blur' }
			],
			wornNum: [
			{ validator: checkInt, trigger: 'blur' }
			],

			},
			tableHead:[],
			orderData:[],
			showFlag:true,
			updateShowFlag:false,
			updateOrder:{
			id:''
			},
			orderProduce:[],
			fileList:[],
			slectOrder:["","","","","","","","","",""],//筛选参数
			selectdate:["",""],//日期参数
			wornGlassFLAG: false,//次破界面显示标记
			wornGlass:{//破损提交参数
			glassID:'',
			wornNum:'',
			reason:''
			}


			};

			},
			methods: {
			submitForm(formName) {//新增订单
			this.$refs[formName].validate((valid) => {
			if (!valid) {
			return false;
			}
			let sql="{call AXJ_a_order_add(?,?,?,?)}~"+JSON.stringify(this.ruleForm);
			this.connects("订单新增",sql,1,1);
			});
			},
			resetForm(formName) {//清除新增重置
			this.$refs[formName].resetFields();
			},
			showFlagFuc(){//显示订单新增界面
			Object.keys(this.ruleForm).forEach((key) => (this.ruleForm[key] = ''));
			this.showFlag=!this.showFlag
			this.updateShowFlag=false;
			},
			updateRow(index,row){//修改产品数据显示
			this.showFlag=!this.showFlag
			this.updateShowFlag=true;
			let rowObj=row[index]
			this.ruleForm.glassNum=rowObj["5_smallglass_no"]
			this.ruleForm.produceid=rowObj["12_id"]
			this.updateOrder.id=rowObj["0_id"]

			},
			updateGlassSub(formName){//订单修改提交
			this.$refs[formName].validate((valid) => {
			if (!valid) {
			return false;
			}
			let updateGlassObj=this.ruleForm
			updateGlassObj.id=this.updateOrder.id
			let sql="{call AXJ_a_order_update(?,?,?,?,?)}~"+JSON.stringify(updateGlassObj);
			this.connects("产品修改",sql,1,1);
			});

			},
			updateOrderState(index,row){//审核订单
			let updateState={}
			updateState.id=row[index]['0_id']
			updateState.state=row[index]['11_order_status']*1===0?1:0
			let sql="{call AXJ_a_order_updateState(?,?,?)}~"+JSON.stringify(updateState);
			this.connects("订单状态审核修改",sql,1,1);
			},
			selectSub:function(){
			let arrObj={}
			let arrFlag=0
			for(let i in this.slectOrder){
			if(this.slectOrder[i]!=''){
			arrFlag=1
			}
			arrObj[i]=this.slectOrder[i]==''?"n*":this.slectOrder[i]
			}
			if(this.selectdate!=null){
			arrObj.starttime=this.selectdate[0]
			arrObj.endtime=this.selectdate[1]
			}else{
			arrObj.starttime=''
			arrObj.endtime=''
			}

			let sql="{call AXJ_a_order_select(?,?,?,?,?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(arrObj)
			if(arrFlag==0){
			sql="{call AXJ_a_order_select_into()}"
			}
			this.loading=true
			this.loadAjxss('订单查询',sql,2,"orderData")
			},
			selectTimeOrder:function(){
			let arrObj={}
			for(let i in this.slectOrder){
			arrObj[i]='n*'
			}
			let sql=''
			if(this.selectdate!=null){
			arrObj.starttime=this.selectdate[0]
			arrObj.endtime=this.selectdate[1]
			sql="{call AXJ_a_order_select(?,?,?,?,?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(arrObj)
			}else{
			arrObj.starttime=''
			arrObj.endtime=''
			sql="{call AXJ_a_order_select_into()}"
			}
			this.loading=true
			this.loadAjxss('订单查询',sql,2,"orderData")
			//loadAjxs('产品查询',sql,2,"orderData")

			},
			open(index,row) {//打开刺破界面
			this.wornGlassFLAG= true
			this.wornGlass.glassID=row[index]['0_id']
			//wornGlass.wornNum:'',
			//wornGlass.reason:''
			},
			wornSub(formName){//刺破提交

			this.$refs[formName].validate((valid) => {
			if (!valid) {
			return false;
			}
			this.wornGlassFLAG = false
			let sql="{call AXJ_a_order_glassWorn(?,?,?,?)}~"+JSON.stringify(this.wornGlass);
			this.connects("订单小片破损",sql,1,1);
			});
			}

			},
			computed:{

			},
			mounted() {//页面还未加载时运行
			let sql="{call AXJ_a_order_select_into()}"
			let flag=2;
			this.loadAjxss('订单初始查询',sql,flag,"orderData")

			/* loadAjxs('订单初始查询',sql,flag,"orderData") */

			sql="{call AXJ_a_orderHeader_select()}"
			loadAjxs('订单表头',sql,flag,"tableHead")

			sql="{call AXJ_a_order_produce_select()}"
			loadAjxs('订单产品查询',sql,flag,"orderProduce")



			//带参数的
			/* let arrObj={
			a:1,
			b:2
			} */

			// sql="{call AXJ_a_order_select(?,?,?,?,?,?,?,?,?,?,?,?,?)}~"+JSON.stringify(arrObj)
			},

			})
			</script>
			</html>