App-Html5.git - Gitblit

			@@ -17,8 +17,109 @@
			<script type="text/javascript" src="../../js/axios.min.js"></script>
			<script type="text/javascript" src="../../js/http.js"></script>

			<script type="text/javascript" src="../../js/common.js"></script>
			<script type="text/javascript" src="../../js/global.js"></script>

			<link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" />

			<!-- <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" /> -->


			<script type="text/javascript">
			let topContent = [{
			code: 'SB001',
			name: '电池组一线',
			wksp_code: "CJ002",
			wksp_name: '电池车间',
			"eqpchkmain_code": "djbz002"
			},
			{
			code: 'SB003',
			name: '齿轮箱组一线',
			wksp_code: "CJ001",
			"wksp_name": "装配车间",
			"eqpchkmain_code": "djbz002"
			},
			{
			code: 'SB004',
			name: '齿轮箱组一线',
			wksp_code: "CJ001",
			"wksp_name": "装配车间",
			"eqpchkmain_code": "djbz002"
			},
			// {
			// code: 'SB005',
			// name: '齿轮箱组一线',
			// wksp_code: "CJ001",
			// "wksp_name": "装配车间",
			// "eqpchkmain_code": "djbz002"
			// },
			];

			let radioValue = 'SB001' //单选框选中的项

			let centerContent = [] //中间部分内容

			let falseArray = [] // 假数组做扫码回来视图更新用

			// 扫描保养工位返回时执行方法
			function scaned(r) {
			radioValue = r

			let temp = {}
			let flag = false

			if (topContent.find(i => i.code === radioValue)) {
			topContent.forEach((item, index) => {
			if (item.code === radioValue) {
			temp = item
			topContent.splice(index, 1)
			flag = true
			}
			})
			}

			if (flag) { //对已在列表的数据排序到第一个去
			topContent.unshift(temp)
			topScanClick(radioValue)
			centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
			} else { //未在列表的数据进行新增操作
			topScanClick(radioValue)
			centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
			}

			falseArray.push({
			id: '1'
			})
			}


			function topScanClick(code) {
			post('AppDeviceManage/AppDeviceAnDengCallScanSearch?eqpcode=' + code).then(res => {
			if (res.code === '200') {
			topContent.unshift(res.data[0])
			falseArray.push({
			id: '1'
			})
			}

			})
			}

			function centerContentClick(code, wksp_code) {
			const data = {
			eqpcode: code,
			wkshpcode: wksp_code
			}
			post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
			if (res.code === '200') {
			centerContent = res.data
			falseArray.push({
			id: '1'
			})
			}
			})
			}
			</script>

			</head>
			<body>
			@@ -26,21 +127,111 @@

			<div class="body">

			<van-nav-bar title="安灯呼叫" @click-right="onClickRight" left-arrow @click-left="onClickleft">
			<template #right>
			<van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
			trigger="click" :actions="actions" @select="onSelect">
			<template #reference>
			<van-icon name="bars" size='20' color='#fff' />
			</template>
			</van-popover>
			</template>
			</van-nav-bar>
			<van-sticky>
			<van-nav-bar title="安灯呼叫" @click-right="onClickRight" left-arrow @click-left="onClickleft">
			<template #right>
			<van-popover style="" placement="bottom-end" :offset="[13,8]" v-model="showPopover"
			trigger="click" :actions="actions" @select="onSelect">
			<template #reference>
			<van-icon name="bars" size='20' color='#fff' />
			</template>
			</van-popover>
			</template>
			</van-nav-bar>
			</van-sticky>


			<div v-if="topContent.length===0">
			<div class="sacnBody">
			<div class="scanImg" @click="topScanClick()"></div>
			<div class="scanText">扫描工位</div>
			</div>
			</div>



			<div v-else>
			<div class="head" style="min-height: 100px;max-height: 260px; overflow: scroll;">
			<div class="head_block">
			<div class="head_left">
			<div class="head_bar"></div>
			<div class="head_title">
			扫描工位
			</div>
			</div>

			<div style="margin-right: 10px;">
			<van-icon name="scan" color='red' size='24' @click='topScanClick()' />
			</div>

			</div>


			<van-radio-group v-model="radioValue">
			<van-cell-group>
			<div style="margin: 10px 0;" v-for="(item,index) in topContent" :key="item.eqpcode"
			@click="topContentClcik(item.code,item.wksp_code)">
			<div class="cellDiv">工位编码：{{item.code}}</div>
			<van-cell :title="'工位名称：'+item.name">
			<template #right-icon>
			<van-radio style="margin-right: 10px;" checked-color='red'
			:name="item.code" />
			</template>
			</van-cell>
			<div class="cellDiv">生产车间：{{item.wksp_name}}</div>

			</div>
			</van-cell-group>
			</van-radio-group>
			</div>


			<div class="head" style="min-height: 100px;max-height: 260px; overflow: scroll;">
			<div class="head_block">
			<div class="head_left">
			<div class="head_bar"></div>
			<div class="head_title">
			选择呼叫类型
			</div>
			</div>



			</div>

			<div style="padding: 10px;display: flex;flex-direction: column"
			v-for="(item,index) in centerContent">
			<div style="display: flex;justify-content: space-between;align-items: center;">
			<div style="margin-left: 10px;">{{item.name}}</div>
			<div style="margin-right: 10px;">
			<van-switch size="24" v-model="item.flag" @change='val=>switchChange(val,item)'
			active-color="#ee0a24" inactive-color="#dcdee0" />
			</div>
			</div>
			</div>

			</div>


			<div
			style="position:fixed;bottom: 0;width: 96%;margin-left:2%; flex;justify-content: center;flex-direction: column;align-items: center">
			<van-button :load='submitIsDisabled' load-text="正在提交,请稍等..." class="vanButtonInfo"
			@click="submit" type="info">
			确认提交</van-button>
			</div>

			</div>



			</div>


			<van-overlay :show="overlayShow" @click="overlayShow=false" />

			</div>


			<van-overlay :show="overlayShow" @click="overlayShow=false" />


			</div>
			@@ -50,6 +241,7 @@
			el: '#app',
			data: function() {
			return {
			submitIsDisabled: false,
			overlayShow: false,
			showPopover: false,
			actions: [{
			@@ -63,15 +255,120 @@
			text: '退出登录'
			}],

			falseArray2: falseArray, //假数组
			// centerContent:[]

			}
			},
			watch: {
			'falseArray2.length': {
			handler(newValue, oldValue) {
			this.$forceUpdate()
			},
			deep: true,
			immediate: true,
			},
			},
			created() {

			},
			mounted() {
			const data = {
			eqpcode: 'SB001',
			wkshpcode: 'CJ002'
			}
			post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
			if (res.code === '200') {
			centerContent = res.data
			falseArray.push({
			id: '1'
			})

			console.log(centerContent)
			}
			})
			},
			methods: {
			submit() {
			const data={
			username:localStorage.getItem('username'),
			eqpcode:topContent.find(i=>i.code===radioValue).code,
			wkshpcode:topContent.find(i=>i.code===radioValue).wksp_code
			}
			const DATA=[]
			centerContent.forEach(i=>{
			if(i.flag){
			i.flag=i.flag?'Y':'N'
			DATA.push(i)
			}
			})

			console.log(data,DATA)

			post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data),DATA).then(res => {
			if (res.code === '200') {
			vant.Notify.primary('提交成功！')
			topContent.forEach((r, i) => {
			if (r.code === radioValue) {
			topContent.splice(i, 1)
			}
			})
			if (topContent.length >= 1) {
			radioValue = topContent[0].code
			this.topContentClcik(radioValue)
			}

			this.submitIsDisabled = false
			this.$forceUpdate()
			}
			})

			},
			switchChange(val, item) {
			console.log(val, item)
			this.$forceUpdate()

			},

			topContentClcik(code,wksp_code) {
			radioValue = code
			this.$forceUpdate()

			const data = {
			eqpcode: code,
			wkshpcode: wksp_code
			}
			post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
			if (res.code === '200') {
			centerContent = res.data
			falseArray.push({
			id: '1'
			})
			}
			})

			},


			topScanClick() {
			createWithoutTitle('../../components/barcode_scan.html', {
			titleNView: {
			type: 'float',
			backgroundColor: 'rgba(215,75,40,0.3)',
			titleText: '扫一扫',
			titleColor: '#FFFFFF',
			autoBackButton: true,
			buttons: [{
			fontSrc: '_www/helloh5.ttf',
			text: '\ue302',
			fontSize: '18px',
			onclick: 'javascript:scanPicture()'
			}]
			}
			});
			},


			onClickleft() {
			history.back()
			},
			@@ -93,5 +390,9 @@
			</script>
			<style type="text/css">
			@import url('../../css/global.css');

			.van-hairline--top-bottom {
			position: static;
			}
			</style>
			</html>