| | |
| | | <el-table-column prop="temperingLayoutId" align="center" :label="$t('reportmanage.layoutID')" |
| | | min-width="120" /> |
| | | <el-table-column prop="formattedCreateTime" align="center" :label="$t('reportmanage.productiontime')" |
| | | min-width="230" />damageTime |
| | | <el-table-column prop="type" align="center" :label="$t('reportmanage.type')" min-width="120" /> |
| | | <el-table-column prop="status" align="center" :label="$t('reportmanage.state')" min-width="120" /> |
| | | min-width="230" /> |
| | | <el-table-column |
| | | align="center" |
| | | :label="$t('reportmanage.type')" |
| | | min-width="120" |
| | | prop="type" |
| | | > |
| | | <template #default="scope"> |
| | | <el-tag :type="gettypeType(scope.row.type)"> |
| | | {{ gettypeText(scope.row.type) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | :label="$t('reportmanage.state')" |
| | | min-width="120" |
| | | prop="status" |
| | | > |
| | | <template #default="scope"> |
| | | <el-tag :type="getStatusType(scope.row.status)"> |
| | | {{ getStatusText(scope.row.status) }} |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="processId" align="center" :label="$t('reportmanage.processcards')" min-width="140" /> |
| | | <el-table-column prop="orderNumber" align="center" :label="$t('reportmanage.number')" min-width="120" /> |
| | | <el-table-column prop="technologyNumber" align="center" :label="$t('reportmanage.layer')" min-width="120" /> |
| | |
| | | <template #default="{ row }"> |
| | | <el-select v-model="row.responsibleProcess" filterable :placeholder="$t('reportmanage.ptypebreakage')" :disabled="selectedType" |
| | | clearable @input="handleInputChangea($event, row.id)"> |
| | | <el-option value="切割" label="切割"></el-option> |
| | | <el-option value="磨边" label="磨边"></el-option> |
| | | <el-option value="钢化" label="钢化"></el-option> |
| | | <el-option :label="$t('reportmanage.incise')" value="切割"></el-option> |
| | | <el-option :label="$t('reportmanage.edging')" value="磨边"></el-option> |
| | | <el-option :label="$t('reportmanage.steel')" value="钢化"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </el-card> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | <script lang="ts" setup> |
| | | import { Delete, Upload } from '@element-plus/icons-vue' |
| | | import { ElMessage, ElMessageBox } from 'element-plus' |
| | | import { ref, onMounted, onBeforeUnmount, reactive, computed, shallowRef, onUnmounted, watchEffect } from "vue"; |
| | |
| | | if (response.code === 200) { |
| | | const formattedData = response.data.map(record => ({ |
| | | ...record, |
| | | formattedCreateTime: formatTimestamp(record.createTime), |
| | | formattedCreateTime: formatTimestamp(record.damageTime), |
| | | })); |
| | | reportData.value = formattedData; |
| | | ElMessage.success(response.message); |
| | |
| | | inputValuesb[rowId] = value; |
| | | }; |
| | | fetchTableData(); |
| | | function gettypeType(type: number) { |
| | | switch (type) { |
| | | case 9: |
| | | return 'success'; |
| | | case 8: |
| | | return 'danger'; |
| | | } |
| | | } |
| | | function gettypeText(type: number) { |
| | | switch (type) { |
| | | case 9: |
| | | return t('reportmanage.takeout'); |
| | | case 8: |
| | | return t('reportmanage.broke'); |
| | | } |
| | | } |
| | | function getStatusType(status: number) { |
| | | switch (status) { |
| | | case 1: |
| | | return 'warning'; |
| | | case 3: |
| | | return 'info'; |
| | | case 7: |
| | | return 'success'; |
| | | case 8: |
| | | return 'primary'; |
| | | } |
| | | } |
| | | function getStatusText(status: number) { |
| | | switch (status) { |
| | | case 1: |
| | | return t('reportmanage.dreportwork'); |
| | | case 3: |
| | | return t('reportmanage.reportwork'); |
| | | case 7: |
| | | return t('reportmanage.pendingwork'); |
| | | case 8: |
| | | return t('reportmanage.reportworked'); |
| | | } |
| | | } |
| | | let socket = null; |
| | | // const socketUrl = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/screen`; |
| | | // const handleMessage = (data) => { |