| | |
| | | |
| | | <script type="text/javascript"> |
| | | var topContent = [ |
| | | // { |
| | | // code: 'SB001', |
| | | // name: '电池组一线', |
| | | // wksp_code: "CJ002", |
| | | // wksp_name: '电池车间', |
| | | // eapmai_code: "bybz004", |
| | | // eapmai_name: "标准4", |
| | | // main_cycle: "M", |
| | | // }, |
| | | ]; |
| | | |
| | | let number = []; // 做扫码回来视图更新用 |
| | | { |
| | | code: 'SB001', |
| | | name: '电池组一线', |
| | | wksp_code: "CJ002", |
| | | wksp_name: '电池车间', |
| | | eapmai_code: "bybz004", |
| | | eapmai_name: "标准4", |
| | | main_cycle: "M", |
| | | }, |
| | | ] |
| | | |
| | | |
| | | let dropdownValue = 'V1'; //下拉默认选中的值 |
| | | let falseArray = []; // 做扫码回来视图更新用 |
| | | |
| | | |
| | | let dropdownValue = 'A'; //下拉默认选中的值 |
| | | |
| | | // 扫描维修工位返回时执行方法 |
| | | function scaned(r) { |
| | |
| | | eqpcode: r |
| | | }).then(res => { |
| | | topContent = res.data |
| | | number.push({ |
| | | falseArray.push({ |
| | | id: '1' |
| | | }) |
| | | }) |
| | |
| | | <div id="app"> |
| | | |
| | | <div class="body"> |
| | | |
| | | |
| | | <van-sticky> |
| | | <van-nav-bar title="设备维修申请" @click-right="onClickRight" left-arrow @click-left="onClickleft"> |
| | | <template #right> |
| | |
| | | </template> |
| | | </van-nav-bar> |
| | | </van-sticky> |
| | | |
| | | |
| | | <div v-if="topContent.length===0"> |
| | | <div class="sacnBody"> |
| | | <div class="scanImg" @click="topScanClick()"></div> |
| | |
| | | </div> |
| | | <div style="margin-right: 10px;"> |
| | | <van-button @click="sheetFlag=true" type="info" style="width:100px;height: 30px;"> |
| | | {{dropdownValue==='V1'?'设备点检':'设备点检2'}} |
| | | {{actionsSheet.find(item=>item.code===dropdownValue).name}} |
| | | </van-button> |
| | | <van-action-sheet v-model="sheetFlag" :actions="actionsSheet" @select="onSelectSheet" /> |
| | | </div> |
| | |
| | | |
| | | |
| | | <div style="display:flex;flex-direction: column;width: 96%;margin: auto;"> |
| | | <van-field class="vanFieldInputArea" v-model="messageDescr" rows="2" autosize |
| | | <van-field class="vanFieldInputArea" v-model="messageDescr" autosize rows="3" |
| | | type="textarea" placeholder="请输入" /> |
| | | </div> |
| | | <div style="width: 96%;margin: auto;margin-top: 10px;"> |
| | | <van-uploader @oversize="onOversize" :before-read="beforeRead" v-model="fileList" |
| | | :after-read="afterRead" multiple :max-count="3" /> |
| | | <van-uploader :before-read="beforeRead" v-model="fileList" :after-read="afterRead" |
| | | :before-delete="beforeDelete" multiple :max-count="3" /> |
| | | </div> |
| | | |
| | | </div> |
| | |
| | | <div |
| | | style="position:fixed;bottom: 0;width: 96%;display: flex;justify-content: center;flex-direction: column;align-items: center"> |
| | | <van-button class="vanButtonInfo" :disabled="messageDescr.trim().toString().length===0" |
| | | @click="submit" type="info"> |
| | | @click="submit" type="info" :loading="submitIsDisabled" loading-text='正在提交,请稍等...'> |
| | | 确认提交</van-button> |
| | | </div> |
| | | </div> |
| | |
| | | el: '#app', |
| | | data: function() { |
| | | return { |
| | | submitIsDisabled: false, //提交按钮是否可提交 |
| | | overlayShow: false, |
| | | showPopover: false, |
| | | actions: [{ |
| | |
| | | text: '退出登录' |
| | | }], |
| | | actionsSheet: [{ |
| | | code: 'V1', |
| | | code: 'A', |
| | | name: '设备点检' |
| | | }, { |
| | | code: 'V2', |
| | | name: '设备点检2' |
| | | }], |
| | | number2: number, |
| | | code: 'B', |
| | | name: '设备保养' |
| | | }, { |
| | | code: 'C', |
| | | name: '安灯呼叫' |
| | | }, { |
| | | code: 'D', |
| | | name: '手工' |
| | | }, ], |
| | | falseArray2: falseArray, |
| | | messageDescr: '', |
| | | fileList: [], |
| | | sheetFlag: false, |
| | | |
| | | } |
| | | }, |
| | | watch: { |
| | | 'number2.length': { |
| | | 'falseArray2.length': { |
| | | handler(newValue, oldValue) { |
| | | |
| | | console.log(111) |
| | | this.$forceUpdate() |
| | | |
| | | }, |
| | | deep: true, |
| | | immediate: true, |
| | |
| | | created() {}, |
| | | mounted() {}, |
| | | methods: { |
| | | onOversize(file) { |
| | | this.$toast("文件大小不能超过5MB"); |
| | | //提交 |
| | | submit() { |
| | | const formData = new FormData() |
| | | formData.append("username", localStorage.getItem('username')) |
| | | formData.append("eqpcode", topContent[0].code) |
| | | formData.append("wkshpcode", topContent[0].wksp_code) |
| | | formData.append("faultsourcecode", dropdownValue) |
| | | formData.append("faultdescr", this.messageDescr) |
| | | |
| | | this.fileList.forEach((item, index) => { |
| | | formData.append('files1', item.file) |
| | | }) |
| | | |
| | | // for (let [a, b] of formData.entries()) { |
| | | // console.log(a, b, 1) |
| | | // } |
| | | this.submitIsDisabled = true |
| | | post('AppDeviceManage/MaintainScanDeviceApplySave', formData).then(res => { |
| | | if (res.code === '200') { |
| | | topContent = [] |
| | | this.messageDescr = '' |
| | | this.fileList = [] |
| | | this.submitIsDisabled = false |
| | | this.$forceUpdate() |
| | | } else { |
| | | this.submitIsDisabled = false |
| | | } |
| | | |
| | | |
| | | }) |
| | | |
| | | }, |
| | | // 图片删除前 |
| | | beforeDelete(file) { |
| | | this.fileList.forEach((item, index) => { |
| | | if (file.file.lastModified === item.file.lastModified) { |
| | | this.fileList.splice(index, 1) |
| | | } |
| | | }) |
| | | }, |
| | | afterRead(file) { |
| | | |
| | | }, |
| | | //校验图片的格式 |
| | | //图片上传前校验 |
| | | beforeRead(file) { |
| | | if (!/(jpg|jpeg|png|JPG|PNG)/i.test(file.type)) { |
| | | this.$toast("请上传正确格式的图片"); |
| | |
| | | this.$toast('图片大小不能超过 100MB'); |
| | | return false; |
| | | } |
| | | |
| | | let flag = true |
| | | this.fileList.forEach(item => { |
| | | if (file.lastModified === item.file.lastModified) { |
| | | vant.Notify({ |
| | | type: 'danger', |
| | | message: '上传失败,此图片已上传!' |
| | | }); |
| | | flag = false |
| | | } |
| | | }) |
| | | if (!flag) { |
| | | return false |
| | | } |
| | | |
| | | return true; |
| | | }, |
| | | onSelectSheet(val) { |
| | | dropdownValue = val.code |
| | | this.sheetFlag = false |
| | | this.$forceUpdate() |
| | | |
| | | }, |
| | | //提交 |
| | | submit() { |
| | | |
| | | }, |
| | | // 输入框失焦触发事件 |
| | | vanFieldBlur() { |