From faa5542bc83deb9d1a6f13ff52aca4669a89a919 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期三, 14 八月 2024 16:38:00 +0800
Subject: [PATCH] 钢化进炉中，宽高调换，可视化大屏表格新增详情按钮，更改其中一个钢化灯显示判断
---
UI-Project/src/views/StockBasicData/Select.vue | 507 +++----------------------------------------------------
1 files changed, 35 insertions(+), 472 deletions(-)
diff --git a/UI-Project/src/views/StockBasicData/Select.vue b/UI-Project/src/views/StockBasicData/Select.vue
index b7539d3..d0567d3 100644
--- a/UI-Project/src/views/StockBasicData/Select.vue
+++ b/UI-Project/src/views/StockBasicData/Select.vue
@@ -1,486 +1,49 @@
<script setup>
-import {Search} from "@element-plus/icons-vue";
-import {reactive} from "vue";
-import {useRouter} from "vue-router"
-const router = useRouter()
-
-import { ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-const dialogFormVisible = ref(false)
-const dialogFormVisiblea = ref(false)
-const box = ref(true)
-const boxa = ref(false)
-const boxb = ref(false)
-// const tableData = [
-// {
-// id: '1',
-// long: '1005',
-// wide: '183.6',
-// thick: '1991',
-// type: '5',
-// typea: '1',
-// },
-// {
-// id: '2',
-// long: '105',
-// wide: '183',
-// thick: '191',
-// typea: '1',
-// type: '5'
-// },
-// {
-// id: '2',
-// long: '105',
-// wide: '183',
-// thick: '191',
-// typea: '1',
-// type: '5'
-// },
-// ]
-const tableData = ref([
-{
- id: '2',
- ida: '2',
- long: '105',
- wide: '183',
- thick: '191',
- typea: '1',
- typeb: '1',
- typec: '1',
- type: '5'
- },
- {
- id: '12',
- ida: '12',
- long: '1105',
- wide: '1183',
- thick: '1911',
- typea: '11',
- typeb: '11',
- typec: '11',
- type: '15'
- },
-])
-// 鏂板涓�琛�
-const addTableData = ()=>{
- const newRow = {
- id: null,
- id: null,
- long: null,
- wide: null,
- thick: null,
- typea: null,
- type: null,
- typeb: null,
- typec: null,
- }
- tableData.value.push(newRow)
-}
-// 鍒犻櫎
-const deleteTableData = (row) =>{
- const index = tableData.value.indexOf(row);
- if (index !== -1) {
- tableData.value.splice(index, 1);
- }
-}
-const tableDataa = [
- {
- ida: '3',
- longa: '1005',
- widea: '183.6',
- thicka: '1991',
- },
- {
- ida: '4',
- longa: '105',
- widea: '183',
- thicka: '191',
- }
-]
-const open = () => {
- ElMessageBox.confirm(
- '鏄惁鍒犻櫎璇ユ潯淇℃伅?',
- '鎻愮ず',
- {
- confirmButtonText: '鏄�',
- cancelButtonText: '鍙栨秷',
- type: 'warning',
- }
- )
- .then(() => {
- ElMessage({
- type: 'success',
- message: '鍒犻櫎鎴愬姛锛�',
- })
- })
- .catch(() => {
- ElMessage({
- type: 'info',
- message: '鍒犻櫎澶辫触',
- })
- })
-}
-const getTableRow = (row,type) =>{
- switch (type) {
- case 'edit' :{
- //alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑缂栬緫淇℃伅')
- router.push({path: '/main/returns/createReturns', query: { ReturnID: 'TH24010101' }})
- break
- }
- case 'delete':{
- alert('鎴戞帴鏀跺埌瀛愮粍浠朵紶閫佺殑鍒犻櫎淇℃伅')
- break
- }
- }
+import {ArrowLeftBold, ArrowRight, Search} from "@element-plus/icons-vue"
+import {useRouter} from "vue-router";
+let indexFlag=$ref(1)
+function changeRouter(index){
+ indexFlag=index
}
-const selectedRows = ref([]);
-const handleSelectionChange = (selection) => {
- selectedRows.value = selection;
-};
-const showMessage = () => {
- if (selectedRows.value.length === 0) {
- ElMessage('璇疯嚦灏戦�夋嫨涓�涓�夐」')
- } else{
- ElMessage({
- message: '鍑虹墖鎴愬姛锛�',
- type: 'success',
- })
-
- }
-};
-const pick = () => {
- if (selectedRows.value.length === 0) {
- ElMessage('璇疯嚦灏戦�夋嫨涓�涓�夐」')
- } else{
- ElMessage({
- message: '鐮存崯鎴愬姛锛�',
- type: 'success',
- })
-
- }
-};
-const gridOptions = reactive({
- border: "full",//琛ㄦ牸鍔犺竟妗�
- keepSource: true,//淇濇寔婧愭暟鎹�
- align: 'center',//鏂囧瓧灞呬腑
- stripe:true,//鏂戦┈绾�
- rowConfig: {isCurrent: true, isHover: true,height: 50},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
- id: 'OrderList',
- showFooter: true,//鏄剧ず鑴�
- printConfig: {},
- importConfig: {},
- exportConfig: {},
- scrollY:{ enabled: true },//寮�鍚櫄鎷熸粴鍔�
- showOverflow:true,
- columnConfig: {
- resizable: true,
- useKey: true
- },
- filterConfig: { //绛涢�夐厤缃」
- remote: true
- },
- customConfig: {
- storage: true
- },
- editConfig: {
- trigger: 'click',
- mode: 'row',
- showStatus: true
- },
- data: [
- {
- 'id': '1',
- 'long': '5',
- 'wide': '1005',
- 'thick': '183.6',
- }
- ],
-})
</script>
<template>
- <div>
- <el-button style="margin-top: 5px;margin-left: 5px;" id="searchButton" type="primary" @click="showMessage">鍑虹墖</el-button>
- <el-button style="margin-top: 5px" id="searchButton" type="primary" @click="pick">鐮存崯</el-button>
- <!-- <el-button style="margin-top: 5px" id="searchButton" type="primary" @click="dialogFormVisible = true">娣诲姞</el-button> -->
- <el-button style="margin-top: 5px" id="searchButton" type="primary" @click="addTableData" >娣诲姞</el-button>
- <el-button style="margin-top: 5px" id="searchButton" @click="boxb = true;box = false" >鍚堝苟</el-button>
- <el-button style="margin-top: 5px" id="searchButton" @click="box = true;boxb = false" >鍗曠墖</el-button>
+ <!-- <div id="main-div"> -->
+
- <div v-if="box">
- <el-card style="flex: 1;margin-left: 10px;margin-top: 20px;" v-loading="loading">
- <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 450px;">
- <el-table height="100%" ref="table"
- @selection-change="handleSelectionChange"
- :data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
- <el-table-column type="selection" width="55" />
- <el-table-column prop="id" align="center" label="鏍呮牸鍙�" min-width="80" >
- <template #default="scope">
- <el-input v-model="scope.row.id" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="ida" align="center" label="id" min-width="80">
- <template #default="scope">
- <el-input v-model="scope.row.ida" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="long" align="center" label="闀�" min-width="100" >
- <template #default="scope">
- <el-input v-model="scope.row.long" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="wide" align="center" label="瀹�" min-width="100">
- <template #default="scope">
- <el-input v-model="scope.row.wide" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="type" align="center" label="鍘氬害" min-width="100">
- <template #default="scope">
- <el-input v-model="scope.row.type" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="typea" align="center" label="鑶滅郴" min-width="100" >
- <template #default="scope">
- <el-input v-model="scope.row.typea" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="typeb" align="center" label="鍑虹墖椤哄簭" min-width="120" >
- <template #default="scope">
- <el-input v-model="scope.row.typeb" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="typec" align="center" label="娴佺▼鍗″彿" min-width="150">
- <template #default="scope">
- <el-input v-model="scope.row.typec" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="thick" align="center" label="鍏朵粬" min-width="120" >
- <template #default="scope">
- <el-input v-model="scope.row.thick" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column fixed="right" label="鎿嶄綔" align="center" width="200">
- <template #default="scope">
- <el-button size="mini" type="text" plain @click="dialogFormVisiblea = true">璇︽儏</el-button>
- <el-button @click="deleteTableData(scope.row)" link icon="Delete" type="primary">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
-</div>
-
- </el-card>
- </div>
- <div v-if="boxb">
- <el-card style="flex: 1;margin-left: 10px;margin-top: 20px;" v-loading="loading">
- <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;max-height: 450px;">
- <el-table height="100%" ref="table"
- @selection-change="handleSelectionChange"
- :data="tableData" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
- <el-table-column type="selection" width="55" />
- <el-table-column prop="id" align="center" label="鏍呮牸" min-width="80">
- <template #default="scope">
- <el-input v-model="scope.row.id" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="ida" align="center" label="id" min-width="80">
- <template #default="scope">
- <el-input v-model="scope.row.ida" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="long" align="center" label="闀�" min-width="120" >
- <template #default="scope">
- <el-input v-model="scope.row.long" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="wide" align="center" label="瀹�" min-width="120">
- <template #default="scope">
- <el-input v-model="scope.row.wide" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="type" align="center" label="鍘氬害" min-width="120">
- <template #default="scope">
- <el-input v-model="scope.row.type" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="typea" align="center" label="鑶滅郴" min-width="120" >
- <template #default="scope">
- <el-input v-model="scope.row.typea" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="typeb" align="center" label="鍑虹墖椤哄簭" min-width="120" >
- <template #default="scope">
- <el-input v-model="scope.row.typeb" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="typec" align="center" label="娴佺▼鍗″彿" min-width="120">
- <template #default="scope">
- <el-input v-model="scope.row.typec" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="thick" align="center" label="鍏朵粬" min-width="120" >
- <template #default="scope">
- <el-input v-model="scope.row.thick" size="small"></el-input>
- </template>
- </el-table-column>
- <el-table-column fixed="right" label="鎿嶄綔" align="center" width="200">
- <template #default="scope">
- <el-button size="mini" type="text" plain @click="dialogFormVisiblea = true">璇︽儏</el-button>
- <el-button @click="deleteTableData(scope.row)" link icon="Delete" type="primary">鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-card>
- </div>
- </div>
- <el-dialog v-model="dialogFormVisible" top="21vh" width="40%" title="娣诲姞" >
- <div style="margin-left: -50px;margin-top: 10px;margin-bottom: 10px;">
- <el-form size="mini" label-width="150px">
- <el-form >
- <el-row style="margin-top: -15px;margin-bottom: -2px;">
- <el-col :span="6">
- <div id="dt" style="font-size: 15px;">
- <div>
- <el-form-item label="鏍呮牸鍙凤細" :required="true" style="width: 14vw">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- <el-col :span="9">
- <div id="dta" style="font-size: 15px;">
- <div>
- <el-form-item label="id锛�" :required="true" style="width: 14vw">
- <el-input autocomplete="off" />
- </el-form-item></div>
- </div>
- </el-col>
- </el-row>
- <el-row style="margin-top: 10px;">
- <el-col :span="6">
- <div id="dt" style="font-size: 15px;">
- <div>
- <el-form-item label="闀匡細" :required="true" style="width: 13.2vw;margin-left: 14px;">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- <el-col :span="9">
- <div id="dta" style="font-size: 15px;">
- <div>
- <el-form-item label="瀹斤細" :required="true" style="width: 14vw">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- </el-row>
- <el-row style="margin-top: 10px;">
- <el-col :span="6">
- <div id="dt" style="font-size: 15px;">
- <div>
- <el-form-item label="鍘氬害锛�" :required="true" style="width: 13.2vw;margin-left: 14px;">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- <el-col :span="9">
- <div id="dta" style="font-size: 15px;">
- <div>
- <el-form-item label="鑶滅郴锛�" :required="true" style="width: 14vw">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- </el-row>
- <el-row style="margin-top: 10px;">
- <el-col :span="6">
- <div id="dt" style="font-size: 15px;">
- <div>
- <el-form-item label="鍑虹墖椤哄簭锛�" :required="true" style="width: 13.2vw;margin-left: 14px;">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- <el-col :span="9">
- <div id="dta" style="font-size: 15px;">
- <div>
- <el-form-item label="娴佺▼鍗″彿" :required="true" style="width: 14vw">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- </el-row>
- <el-row style="margin-top: 10px;">
- <el-col :span="6">
- <div id="dt" style="font-size: 15px;">
- <div>
- <el-form-item label="鍏朵粬锛�" :required="true" style="width: 13.2vw;margin-left: 14px;">
- <el-input autocomplete="off" />
- </el-form-item></div></div>
- </el-col>
- </el-row>
- </el-form>
- </el-form>
- </div>
- <template #footer>
- <div id="dialog-footer">
- <el-button type="primary" @click="dialogFormVisible = false">
- 纭
- </el-button>
- <el-button @click="dialogFormVisible = false">鍙栨秷</el-button>
- </div>
- </template>
- </el-dialog>
- <el-dialog v-model="dialogFormVisiblea" top="21vh" width="40%" title="鍘熺墖淇℃伅">
- <el-table height="100%" ref="table" :data="tableDataa" @row-click="handle">
- <el-table-column
- prop="long"
- align="center"
- label="闀�"
- min-width="120"
- />
- <el-table-column
- prop="wide"
- align="center"
- label="瀹�"
- min-width="120"
- />
- <el-table-column
- prop="thick"
- align="center"
- label="鍘�"
- min-width="120"
- />
- <el-table-column
- prop="station"
- align="center"
- label="宸ヤ綅"
- min-width="120"
- />
- </el-table>
- <div style="text-align: center; height: 22px; margin-top: 30px;">
- <el-button @click="dialogFormVisiblea = false">鍏抽棴</el-button>
- </div>
- </el-dialog>
+ <div id="main-body">
+ <router-view />
+ </div>
+ <!-- </div> -->
</template>
<style scoped>
-
-#dt { display:block; float:left;line-height: 20px;margin-left: 100px;}
-#dta { display:block; float:left;line-height: 20px;margin-left: 80%;}
-#dialog-footer{
- text-align: center;
- margin-top: -15px;
+#main-div{
+ width: 100%;
+ height: 100%;
}
-#message{
- text-align: center;
- align-items: center;
- color: black;
- width: 200px;
- height: 100px;
- background-color: #337ecc;
- margin-left: 28%;
+#div-title{
+ height: 2%;
+ width: 100%;
}
-#box{
- position: relative;
-
- #icon{
- position: absolute;
- bottom:10px;
- right: 19px;
- }
+#searchButton{
+ margin-top: -5px;
+ margin-left: 1rem;
+}
+/* #searchButton1{
+//margin-left: 10rem;
+} */
+/*main-body鏍峰紡*/
+#main-body{
+ width: 100%;
+ height: 95%;
+ /* margin-top: 1%; */
+}
+#select{
+ margin-left:0.5rem;
+}
+:deep(.indexTag .el-breadcrumb__inner){
+ color: #5CADFE !important;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0