From 032ddb30a8d9d884cc176a4a506580b4a1272586 Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期二, 26 十二月 2023 17:14:07 +0800
Subject: [PATCH] 模态框ui调整
---
src/views/product/workbench/index.vue | 322 +++++++++++++++++++++++++++++------------------------
1 files changed, 178 insertions(+), 144 deletions(-)
diff --git a/src/views/product/workbench/index.vue b/src/views/product/workbench/index.vue
index 82cebc3..ea1a613 100644
--- a/src/views/product/workbench/index.vue
+++ b/src/views/product/workbench/index.vue
@@ -49,22 +49,22 @@
<el-image src="/img/workbench/icon_bg.png"></el-image>
<span class="item-name">鎶ュ伐</span>
</div>
- <div
+ <!-- <div
v-show="isShowStepBusiness"
:class="['wb-header-menu-item', stepShow ? 'item-show' : '']"
@click="selectItem('step')"
>
<el-image src="/img/workbench/icon_gb.png"></el-image>
<span class="item-name">宸ユ</span>
- </div>
- <div
+ </div> -->
+ <!-- <div
v-show="permissions.product_menu_split"
:class="['wb-header-menu-item', splitTaskShow ? 'item-show' : '']"
@click="selectItem('splitTask')"
>
<el-image src="/img/workbench/icon_sp.png"></el-image>
<span class="item-name">鍒嗗壊</span>
- </div>
+ </div> -->
<div
:class="['wb-header-menu-item', artificialShow ? 'item-show' : '']"
@click="selectItem('artificial')"
@@ -256,7 +256,7 @@
>
</div>
</div>
- <div class="start-end-div">
+ <div class="start-end-div" >
<div>
<span
style="margin-left:8px;font-size:12px;line-height:32px;"
@@ -314,11 +314,11 @@
</div>
<div style="float:right;width:10%;">
<div class="open-edit-duty-div">
- <div>
+ <!-- <div>
<span class="duty-edit-span" @click="clearDutyRecord"
>娓呯┖</span
>
- </div>
+ </div> -->
<div>
<span class="duty-edit-span" @click="openDutyEdit"
>缂栬緫</span
@@ -378,15 +378,24 @@
<el-tooltip
class="item"
effect="dark"
- content="鎵归噺鎻愪氦"
+ content="娓呯┖"
placement="top"
>
- <button
+ <!-- <button
class="duty-circle-button"
@click="submitSaveDutyRecord"
>
<i
- class="el-icon-document-checked"
+ class="el-icon-delete"
+ style="color: #FFFFFF;"
+ ></i>
+ </button> -->
+ <button
+ class="duty-circle-button"
+ @click="clearDutyRecord"
+ >
+ <i
+ class="el-icon-delete"
style="color: #FFFFFF;"
></i>
</button>
@@ -464,7 +473,7 @@
:inline="true"
style="margin-left: 10px"
>
- <el-form-item prop="orderNumber" label="閿�鍞鍗曞彿">
+ <!-- <el-form-item prop="orderNumber" label="閿�鍞鍗曞彿">
<el-input
placeholder="璇疯緭鍏ラ攢鍞鍗曞彿"
v-model="operateTaskForm.orderNumber"
@@ -472,8 +481,8 @@
@keyup.enter.native="queryInfoForOrderNumber"
@clear="queryInfoForOrderNumber"
></el-input>
- </el-form-item>
- <el-form-item prop="spec" label="鎴愬搧瑙勬牸">
+ </el-form-item> -->
+ <!-- <el-form-item prop="spec" label="鎴愬搧瑙勬牸">
<el-select
placeholder="璇烽�夋嫨鎴愬搧瑙勬牸"
v-model="operateTaskForm.spec"
@@ -498,19 +507,19 @@
>
</el-option>
</el-select>
- </el-form-item>
- <el-form-item prop="outBatchNo" label="SN">
+ </el-form-item> -->
+ <el-form-item prop="outBatchNo" label="杞﹂棿璁㈠崟">
<el-input
- placeholder="璇疯緭鍏ユ姇鍏ュ崐鎴愬搧SN鍙�"
+ placeholder="璇疯緭鍏ヨ溅闂磋鍗曞彿"
v-model="operateTaskForm.outBatchNo"
clearable
@keyup.enter.native="refreshOperateTasksByConditions"
@clear="refreshOperateTasksByConditions"
></el-input>
</el-form-item>
- <el-form-item prop="mpsNo" label="璁″垝鍙�">
+ <el-form-item prop="mpsNo" label="宸ュ崟鍙�">
<el-input
- placeholder="璇疯緭鍏ヨ鍒掑彿"
+ placeholder="璇疯緭鍏ュ伐鍗曞彿"
v-model="operateTaskForm.mpsNo"
clearable
@keyup.enter.native="refreshOperateTasksByConditions"
@@ -519,35 +528,37 @@
</el-form-item>
</el-form>
</div>
- <div class="task-div-content">
- <div v-if="!isShowNormalTracking" class="task-list-div">
- <operationTaskPane
- ref="operateTaskDiv"
- :workstationId="dutyForm.workstationId"
- :productSn="operateTaskForm.SN"
- :orderNumber="operateTaskForm.orderNumber"
- :spec="operateTaskForm.spec"
- :outBatchNo="operateTaskForm.outBatchNo"
- :mpsNo="operateTaskForm.mpsNo"
- @changeCurrOperateTask="changeCurrOperateTask"
- @refreshReport="refreshWorkReportPageData"
- />
- </div>
- <div v-if="isShowNormalTracking" class="task-list-div">
- <operationTaskTable
- ref="operateTaskTableDiv"
- :workstationId="dutyForm.workstationId"
- :productSn="operateTaskForm.SN"
- :orderNumber="operateTaskForm.orderNumber"
- :spec="operateTaskForm.spec"
- :mpsNo="operateTaskForm.mpsNo"
- @changeCurrOperateTask="changeCurrOperateTask"
- />
- </div>
- </div>
+ <!-- :style="{ backgroundColor: taskStatusColor() }" -->
+ <div class="task-div-content" >
+ <div v-if="!isShowNormalTracking" class="task-list-div" >
+ <operationTaskPane
+ ref="operateTaskDiv"
+ :workstationId="dutyForm.workstationId"
+ :productSn="operateTaskForm.SN"
+ :orderNumber="operateTaskForm.orderNumber"
+ :spec="operateTaskForm.spec"
+ :outBatchNo="operateTaskForm.outBatchNo"
+ :mpsNo="operateTaskForm.mpsNo"
+ @changeCurrOperateTask="changeCurrOperateTask"
+ @refreshReport="refreshWorkReportPageData"
+ />
+ </div>
+ <div v-if="isShowNormalTracking" class="task-list-div" >
+ <operationTaskTable
+ ref="operateTaskTableDiv"
+ :workstationId="dutyForm.workstationId"
+ :productSn="operateTaskForm.SN"
+ :orderNumber="operateTaskForm.orderNumber"
+ :spec="operateTaskForm.spec"
+ :mpsNo="operateTaskForm.mpsNo"
+ @changeCurrOperateTask="changeCurrOperateTask"
+ />
+ </div>
+
+ </div>
</div>
</div>
- <div :style="{ width: mainMiddleWidth }" v-show="mainMiddleShow">
+ <div :style="{ width: mainMiddleWidth } " v-show="mainMiddleShow">
<div style="height:86px;width:14px;position: absolute;top:50%">
<el-tooltip effect="dark" content="鏀剁缉" placement="left">
<img
@@ -1424,7 +1435,7 @@
.task-div-content {
// height: calc(100% - 40px);
flex: 1;
- padding: 0px 15px;
+ padding: 10px 15px;
box-sizing: border-box;
overflow-y: auto;
margin-bottom: 10px;
@@ -1476,7 +1487,8 @@
.warning-info {
margin-left: 20px;
- font-size: 16px;
+ font-size: 13px;
+ font-weight: bold;
color: red;
letter-spacing: 3px;
}
@@ -1491,7 +1503,7 @@
getPartNamesByOrderNo,
getProductSnByCustomerNoAndPartName
} from '@/api/product/personboard'
-import { getObj as getSysParam } from '@/api/admin/sys-public-param'
+import { getObj as getSysParam} from '@/api/admin/sys-public-param'
import { getAllCrewList } from '@/api/basic/crew'
import { getAllShiftList } from '@/api/basic/shift'
import { getAllWorkstationList, updateById } from '@/api/basic/workstation'
@@ -1551,6 +1563,10 @@
},
data() {
return {
+ dutyForm: {},
+ operateTaskForm: {},
+ isShowNormalTracking: false,
+ // taskStatusColor: '',
showBan: false,
dutyCanEdit: false,
saveButton: false,
@@ -1657,97 +1673,9 @@
currItem: 'task'
}
},
- computed: {
- ...mapGetters(['userInfo', 'tagWel', 'permissions'])
- },
- created() {
- document.title = '宸ヤ綔鍙扳�斺�擹TTMES'
- if (!this.dutyForm.workstationId) {
- const k = localStorage.getItem(storage_key)
- if (k) {
- this.dutyForm.workstationId = parseInt(k)
- }
- }
- this.initOptions()
- this.getSysParam(sysParam.SHOW_STEP_BUSINESS)
- this.getTrackingParam(sysParam.SHOW_TRACKING_TYPE)
- this.timer = setInterval(this.clockTimer, 1000)
- console.log(this.permissions, 'ASSS')
- },
- watch: {
- 'dutyForm.workstationId'(val) {
- if (val) {
- localStorage.setItem(storage_key, val)
- }
- // 宸ヤ綔绔欐敼鍙樻椂锛屾暣涓〉闈㈢殑鍔ㄦ�佹暟鎹渶瀹炴椂鍔犺浇銆侀〉闈㈢紦瀛樻暟鎹渶 鍒濆鍖�
- this.initPageVariable()
- this.loadInfoByWorkstation()
- },
- 'dutyForm.startTime'(val, oldval) {
- if (val) {
- this.checkTime()
- } else {
- this.warningShow = false
- }
- },
- 'dutyForm.endTime'(val, oldval) {
- if (val) {
- this.checkTime()
- } else {
- this.warningShow = false
- }
- },
- 'operateTaskForm.orderNumber'(val) {
- /* this.$nextTick(() => {
- this.queryInfoForOrderNumber()
- }) */
- },
- 'operateTaskForm.spec'(val) {
- if (val == '' || val == null) {
- this.SNs = []
- this.operateTaskForm.SN = ''
- } else {
- const that = this
- that.SNs = []
- getProductSnByCustomerNoAndPartName({
- customerOrderNo: this.operateTaskForm.orderNumber,
- partName: val
- }).then((res) => {
- const result = res.data.data
- result.forEach(function(item) {
- const obj = {
- key: item,
- value: item
- }
- that.SNs.push(obj)
- })
- })
- }
- this.$nextTick(() => {
- if (this.partNames.length !== 0) {
- this.refreshOperateTasks()
- }
- })
- },
- 'operateTaskForm.SN'(val) {
- this.$nextTick(() => {
- if (this.SNs.length !== 0) {
- this.refreshOperateTasks()
- }
- })
- },
- 'operateTaskForm.outBatchNo'(val) {
- /* this.$nextTick(() => {
- this.refreshOperateTasks()
- }) */
- },
- 'operateTaskForm.mpsNo'(val) {
- /* this.$nextTick(() => {
- this.refreshOperateTasks()
- }) */
- }
- },
methods: {
+ // changeCurrOperateTask() {},
+ // refreshWorkReportPageData() {},
refreshOperateTasksByConditions() {
this.$nextTick(() => {
this.refreshOperateTasks()
@@ -1783,7 +1711,6 @@
customerOrderNo: this.operateTaskForm.orderNumber
}).then((res) => {
const result = res.data.data
- console.log(result)
result.forEach(function(item) {
const obj = {
key: item,
@@ -1791,7 +1718,6 @@
}
that.partNames.push(obj)
})
- console.log(that.partNames)
})
}, 500)
} else {
@@ -2250,9 +2176,9 @@
if (!this.dutyForm.endTime) {
return { result: false, msg: '缁撴潫鏃堕棿涓嶈兘涓虹┖' }
}
- if (!this.dutyForm.dutyTime) {
+ /* if (!this.dutyForm.dutyTime) {
return { result: false, msg: '鐝鏃堕棿涓嶈兘涓虹┖' }
- }
+ } */
if (!this.dutyForm.shiftId) {
return { result: false, msg: '鐝涓嶈兘涓虹┖' }
}
@@ -2289,7 +2215,6 @@
(e) => e.id === this.dutyForm.workstationId
).workCenter
}
- console.log(this.paramObj_StationSave)
this.visible_StationSave = true
},
Select_StationSave() {
@@ -2589,6 +2514,115 @@
beforeDestroy() {
clearInterval(this.timer)
}
- }
+ },
+ computed: {
+ ...mapGetters(['userInfo', 'tagWel', 'permissions']),
+// 鍗婁釜鏈堜箣鍓嶆槸榛勮壊 褰撳ぉ鍜屼笁澶╀箣鍐呭氨鏄孩鑹� 涓夊ぉ涔嬪悗灏辨槸钃濊壊
+// taskStatusColor() {
+// return function(date) {
+// const now = new Date();
+// const halfMonthAgo = new Date(now - 15 * 24 * 60 * 60 * 1000);
+// const threeDaysAgo = new Date(now - 3 * 24 * 60 * 60 * 1000);
+// const oneDayAgo = new Date(now - 24 * 60 * 60 * 1000);
+// const today = new Date(now);
+
+// if (halfMonthAgo <= date && date <= threeDaysAgo) {
+// return 'yellow';
+// } else if (today <= date && date <= threeDaysAgo) {
+// return 'red';
+// } else {
+// return 'blue';
+// }
+// };
+// }
+
+ },
+ created() {
+ document.title = '宸ヤ綔鍙扳�斺�擬ES'
+ if (!this.dutyForm.workstationId) {
+ const k = localStorage.getItem(storage_key)
+ if (k) {
+ this.dutyForm.workstationId = parseInt(k)
+ }
+ }
+ this.initOptions()
+ this.getSysParam(sysParam.SHOW_STEP_BUSINESS)
+ this.getTrackingParam(sysParam.SHOW_TRACKING_TYPE)
+ this.timer = setInterval(this.clockTimer, 1000)
+ },
+ watch: {
+ 'dutyForm.workstationId'(val) {
+ if (val) {
+ localStorage.setItem(storage_key, val)
+ }
+ // 宸ヤ綔绔欐敼鍙樻椂锛屾暣涓〉闈㈢殑鍔ㄦ�佹暟鎹渶瀹炴椂鍔犺浇銆侀〉闈㈢紦瀛樻暟鎹渶 鍒濆鍖�
+ this.initPageVariable()
+ this.loadInfoByWorkstation()
+ },
+ 'dutyForm.startTime'(val, oldval) {
+ if (val) {
+ this.checkTime()
+ } else {
+ this.warningShow = false
+ }
+ },
+ 'dutyForm.endTime'(val, oldval) {
+ if (val) {
+ this.checkTime()
+ } else {
+ this.warningShow = false
+ }
+ },
+ 'operateTaskForm.orderNumber'(val) {
+ /* this.$nextTick(() => {
+ this.queryInfoForOrderNumber()
+ }) */
+ },
+ 'operateTaskForm.spec'(val) {
+ if (val == '' || val == null) {
+ this.SNs = []
+ this.operateTaskForm.SN = ''
+ } else {
+ const that = this
+ that.SNs = []
+ getProductSnByCustomerNoAndPartName({
+ customerOrderNo: this.operateTaskForm.orderNumber,
+ partName: val
+ }).then((res) => {
+ const result = res.data.data
+ result.forEach(function(item) {
+ const obj = {
+ key: item,
+ value: item
+ }
+ that.SNs.push(obj)
+ })
+ })
+ }
+ this.$nextTick(() => {
+ if (this.partNames.length !== 0) {
+ this.refreshOperateTasks()
+ }
+ })
+ },
+ 'operateTaskForm.SN'(val) {
+ this.$nextTick(() => {
+ if (this.SNs.length !== 0) {
+ this.refreshOperateTasks()
+ }
+ })
+ },
+ 'operateTaskForm.outBatchNo'(val) {
+ /* this.$nextTick(() => {
+ this.refreshOperateTasks()
+ }) */
+ },
+ 'operateTaskForm.mpsNo'(val) {
+ /* this.$nextTick(() => {
+ this.refreshOperateTasks()
+ }) */
+ }
+ },
+
}
</script>
--
Gitblit v1.9.3