样式调整

master
zhangdi 3 months ago
parent 1b208adfd2
commit f486cab5d7
  1. 2
      index.html
  2. 2
      public/js/Sortable.min.js
  3. 2
      src/page/index/sidebar/index.vue
  4. 376
      src/views/tankSolutionSystem/info.vue

@ -18,6 +18,8 @@
<link rel='stylesheet' href='/iconfont/common/iconfont.css'>
<link rel='stylesheet' href='/css/loading.css'>
<link rel='stylesheet' href='/css/saber.css'>
<!-- 导入需要的包 (一定要放到index.html中的head标签里) -->
<script src="/js/Sortable.min.js"></script>
<title>电镀智能化生产管理系统</title>
</head>

File diff suppressed because one or more lines are too long

@ -574,7 +574,7 @@ export default {
}
.radio_four_menu{
width: 220px !important;
// width: 220px !important;
margin: 0 auto !important;
color: #fff !important;
}

@ -1,103 +1,97 @@
<template>
<basic-container>
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
<basic-container>
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
@row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
@refresh-change="refreshChange" @on-load="onLoad" >
<template #menu-left>
<el-button type="danger" icon="el-icon-delete" @click="handleDelete"
>
</el-button>
<el-button
type="success"
icon="el-icon-upload"
@click="handleImport"
>导入
</el-button>
<el-button
type="primary"
icon="el-icon-setting"
@click="handleSetting"
>批量设置
</el-button>
</template>
<template #menu="{ row }">
<el-button type="primary" text plain style="border: 0; background-color: transparent !important"
size="medium" @click.stop="handleIssue(row)" >
<el-icon><Pointer /></el-icon>
</el-button>
</template>
<template #targetLimit-form="{type}">
<div style="width: 100%;display: flex;justify-content: space-between;" v-show="type == 'add' || type == 'edit'">
<el-input style="width: 47%;" placeholder="请输入"></el-input>~<el-input style="width: 47%;" placeholder=""></el-input>
</div>
<div v-show="type == 'view'">5 ~ 10</div>
</template>
<template #assayCycle1-form="{type}">
<div style="width: 100%;" v-show="type == 'add' || type == 'edit'">
<el-select style="width: 200px;margin-bottom: 10px;">
<el-option label="每周" :value="1"></el-option>
</el-select>
<div class="check_box">
<el-checkbox-group v-model="checkList1">
<el-checkbox :label="getName(item)" :value="item" v-for="item in 7" :key="item" />
</el-checkbox-group>
@refresh-change="refreshChange" @on-load="onLoad">
<template #menu-left>
<el-button type="danger" icon="el-icon-delete" @click="handleDelete">
</el-button>
<el-button type="success" icon="el-icon-upload" @click="handleImport">导入
</el-button>
<el-button type="primary" icon="el-icon-setting" @click="handleSetting">批量设置
</el-button>
</template>
<template #menu="{ row }">
<el-button type="primary" text plain style="border: 0; background-color: transparent !important"
size="medium" @click.stop="handleIssue(row)">
<el-icon>
<Pointer />
</el-icon>
</el-button>
</template>
<template #targetLimit-form="{ type }">
<div style="width: 100%;display: flex;justify-content: space-between;"
v-show="type == 'add' || type == 'edit'">
<el-input style="width: 47%;" placeholder="请输入"></el-input>~<el-input style="width: 47%;"
placeholder="请输入"></el-input>
</div>
</div>
<div v-show="type == 'view'">
<div>每周</div>
<div class="check_box">
<el-checkbox-group v-model="checkList">
<el-checkbox :label="getName(item)" :value="item" v-for="item in 7" :key="item" />
</el-checkbox-group>
<div v-show="type == 'view'">5 ~ 10</div>
</template>
<template #assayCycle1-form="{ type }">
<div style="width: 100%;" v-show="type == 'add' || type == 'edit'">
<el-select style="width: 200px;margin-bottom: 10px;">
<el-option label="每周" :value="1"></el-option>
</el-select>
<div class="check_box">
<el-checkbox-group v-model="checkList1">
<el-checkbox :label="getName(item)" :value="item" v-for="item in 7" :key="item" />
</el-checkbox-group>
</div>
</div>
<div v-show="type == 'view'">
<div>每周</div>
<div class="check_box">
<el-checkbox-group v-model="checkList">
<el-checkbox :label="getName(item)" :value="item" v-for="item in 7" :key="item" />
</el-checkbox-group>
</div>
</div>
</div>
</template>
</avue-crud>
<el-dialog title="导入" append-to-body v-model="excelBox" width="555px">
<avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
<template #excelTemplate>
<el-button type="primary" @click="handleTemplate">
点击下载<i class="el-icon-download el-icon--right"></i>
</el-button>
</template>
</avue-form>
</el-dialog>
<el-dialog title="批量设置" append-to-body v-model="setBox" width="555px">
<el-form v-model="settingForm" label-width="80px">
<el-form-item label="有效期">
<el-date-picker
v-model="settingForm.reallyDate"
type="date"
style="width: 100%;"
placeholder="请选择有效期"
/>
</el-form-item>
<el-form-item label="主管工艺">
<el-select v-model="settingForm.chargeCraft"></el-select>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="setBox = false"> </el-button>
<el-button type="primary" @click="setBox = false"> </el-button>
</span>
</template>
</el-dialog>
</basic-container>
</avue-crud>
<el-dialog title="导入" append-to-body v-model="excelBox" width="555px">
<avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter">
<template #excelTemplate>
<el-button type="primary" @click="handleTemplate">
点击下载<i class="el-icon-download el-icon--right"></i>
</el-button>
</template>
</avue-form>
</el-dialog>
<el-dialog title="批量设置" append-to-body v-model="setBox" width="555px">
<el-form v-model="settingForm" label-width="80px">
<el-form-item label="有效期">
<el-date-picker v-model="settingForm.reallyDate" type="date" style="width: 100%;"
placeholder="请选择有效期" />
</el-form-item>
<el-form-item label="主管工艺">
<el-select v-model="settingForm.chargeCraft"></el-select>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="setBox = false"> </el-button>
<el-button type="primary" @click="setBox = false"> </el-button>
</span>
</template>
</el-dialog>
</basic-container>
</template>
<script>
export default {
data(){
return{
excelBox:false,
loading:false,
setBox:false,
data:[],
settingForm:{},
checkList:[1,2,3,4,5,6,7],
option:{
data() {
return {
excelBox: false,
loading: false,
setBox: false,
data: [],
settingForm: {},
checkList: [1, 2, 3, 4, 5, 6, 7],
option: {
// sortable:true,
rowSort: false,
columnSort: true,
tip: false,
size: 'medium',
simplePage: true,
@ -112,7 +106,7 @@ export default {
viewBtn: true,
delBtn: true,
editBtnText: '修改',
viewBtnText:'详情',
viewBtnText: '详情',
labelWidth: 120,
menuWidth: 330,
dialogWidth: 1200,
@ -124,16 +118,16 @@ export default {
excelBtn: true,
index: false,
showOverflowTooltip: true,
column:[
column: [
{
label: '作业中心',
prop: 'wcName',
type: 'select',
sortable: true,
width:150,
width: 150,
filter: true,
span: 8,
search:true,
search: true,
rules: [
{
required: true,
@ -145,7 +139,7 @@ export default {
{
label: '化学镀镍作业中心',
value: 0
},
},
{
label: '镀后库作业中心',
value: 1
@ -156,16 +150,16 @@ export default {
label: '槽号',
prop: 'slotNo',
search: true,
type:'select',
type: 'select',
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
dicData: [
{
label: '#22',
value: 0
},
},
{
label: '#21',
value: 1
@ -184,7 +178,7 @@ export default {
prop: 'testEle',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
rules: [
@ -200,7 +194,7 @@ export default {
prop: 'proContent',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
rules: [
@ -216,9 +210,9 @@ export default {
prop: 'targetLimit',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
hide:true,
hide: true,
span: 8,
rules: [
{
@ -233,11 +227,11 @@ export default {
prop: 'targetUpperLimit',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
addDisplay:false,
viewDisplay:false,
editDisplay:false,
addDisplay: false,
viewDisplay: false,
editDisplay: false,
span: 8,
rules: [
{
@ -252,10 +246,10 @@ export default {
prop: 'targetLowerLimit',
search: false,
sortable: true,
addDisplay:false,
viewDisplay:false,
editDisplay:false,
width:120,
addDisplay: false,
viewDisplay: false,
editDisplay: false,
width: 120,
filter: true,
span: 8,
rules: [
@ -271,7 +265,7 @@ export default {
prop: 'targetValue',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
rules: [
@ -288,7 +282,7 @@ export default {
search: false,
type: 'select',
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
rules: [
@ -302,7 +296,7 @@ export default {
{
label: '药品一',
value: 0
},
},
{
label: '药品二',
value: 1
@ -315,9 +309,9 @@ export default {
search: false,
type: 'select',
sortable: true,
width:120,
width: 120,
filter: true,
hide:true,
hide: true,
span: 8,
rules: [
{
@ -330,7 +324,7 @@ export default {
{
label: '物料一',
value: 0
},
},
{
label: '物料二',
value: 1
@ -343,9 +337,9 @@ export default {
disabled: true,
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
hide:true,
hide: true,
span: 8,
rules: [
{
@ -360,7 +354,7 @@ export default {
prop: 'addPoints',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
rules: [
@ -376,10 +370,10 @@ export default {
prop: 'assayCycle',
search: false,
sortable: true,
addDisplay:false,
viewDisplay:false,
editDisplay:false,
width:120,
addDisplay: false,
viewDisplay: false,
editDisplay: false,
width: 120,
filter: true,
span: 8,
rules: [
@ -395,8 +389,8 @@ export default {
prop: 'reallyDate',
search: false,
sortable: true,
type:'date',
width:120,
type: 'date',
width: 120,
filter: true,
span: 8,
rules: [
@ -412,10 +406,10 @@ export default {
prop: 'lastTest',
search: false,
sortable: true,
addDisplay:false,
viewDisplay:false,
editDisplay:false,
width:150,
addDisplay: false,
viewDisplay: false,
editDisplay: false,
width: 150,
filter: true,
span: 8,
rules: [
@ -429,10 +423,10 @@ export default {
{
label: '槽液到期日期',
prop: 'dueDate',
type:'date',
type: 'date',
search: false,
sortable: true,
width:150,
width: 150,
filter: true,
span: 8,
rules: [
@ -446,10 +440,10 @@ export default {
{
label: '化验人',
prop: 'userName',
type:'select',
type: 'select',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
span: 8,
rules: [
@ -463,10 +457,10 @@ export default {
{
label: '主管工艺',
prop: 'chargeCraft',
type:'select',
type: 'select',
search: false,
sortable: true,
width:120,
width: 120,
filter: true,
span: 16,
rules: [
@ -482,10 +476,10 @@ export default {
prop: 'updateTime',
search: false,
sortable: true,
width:120,
addDisplay:false,
viewDisplay:false,
editDisplay:false,
width: 120,
addDisplay: false,
viewDisplay: false,
editDisplay: false,
filter: true,
span: 8,
rules: [
@ -501,8 +495,8 @@ export default {
prop: 'assayCycle1',
search: false,
sortable: true,
hide:true,
width:120,
hide: true,
width: 120,
filter: true,
span: 24,
rules: [
@ -515,7 +509,7 @@ export default {
},
]
},
form:{
form: {
},
page: {
@ -523,7 +517,7 @@ export default {
currentPage: 1,
total: 0,
},
excelOption:{
excelOption: {
submitBtn: false,
emptyBtn: false,
column: [
@ -550,11 +544,11 @@ export default {
},
}
},
mounted(){
mounted() {
},
methods:{
getName(val){
methods: {
getName(val) {
return val == 1 ? '周一' : val == 2 ? '周二' : val == 3 ? '周三' : val == 4 ? '周四' : val == 5 ? '周五' : val == 6 ? '周六' : '周日'
},
handleImport() {
@ -569,10 +563,10 @@ export default {
this.$refs.crud.toggleSelection();
},
rowUpdate(row, index, done, loading) {
},
rowSave(row, done, loading) {
},
searchReset() {
this.query = {};
@ -590,7 +584,7 @@ export default {
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
})
},
currentChange(currentPage) {
@ -614,73 +608,71 @@ export default {
}).then(() => {
})
},
handleSetting(){
handleSetting() {
if (this.selectionList.length === 0) {
this.$message.warning('请选择至少一条数据');
return;
}
this.setBox = true
},
handleIssue(row){
this.$confirm('此操作将产生新的任务, 是否继续?', {
handleIssue(row) {
this.$confirm('此操作将产生新的任务, 是否继续?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
})
},
onLoad(){
onLoad() {
this.loading = true
this.data = [
{
id:'1',
wcName:'化学镀镍作业中心',
slotNo:'11#氰化镀铜槽',
testEle:'碳酸钠',
proContent:'0',
targetUpperLimit:'10',
targetLowerLimit:'5',
targetValue:'3',
drugName:'111',
addPoints:'0',
assayCycle:'7',
reallyDate:'2025-10-09',
lastTest:'2023-06-13',
dueDate:'2023-06-20',
userName:'崔殿龙',
chargeCraft:'崔殿龙',
updateTime:'2024-01-12'
id: '1',
wcName: '化学镀镍作业中心',
slotNo: '11#氰化镀铜槽',
testEle: '碳酸钠',
proContent: '0',
targetUpperLimit: '10',
targetLowerLimit: '5',
targetValue: '3',
drugName: '111',
addPoints: '0',
assayCycle: '7',
reallyDate: '2025-10-09',
lastTest: '2023-06-13',
dueDate: '2023-06-20',
userName: '崔殿龙',
chargeCraft: '崔殿龙',
updateTime: '2024-01-12'
},
{
id:'2',
wcName:'化学镀镍作业中心',
slotNo:'22#氰化镀铜槽',
testEle:'碳酸钠',
proContent:'0',
targetUpperLimit:'10',
targetLowerLimit:'5',
targetValue:'3',
drugName:'111',
addPoints:'0',
assayCycle:'7',
reallyDate:'2025-10-09',
lastTest:'2023-06-13',
dueDate:'2023-06-20',
userName:'崔殿龙',
chargeCraft:'崔殿龙',
updateTime:'2024-01-12'
id: '2',
wcName: '化学镀镍作业中心',
slotNo: '22#氰化镀铜槽',
testEle: '碳酸钠',
proContent: '0',
targetUpperLimit: '10',
targetLowerLimit: '5',
targetValue: '3',
drugName: '111',
addPoints: '0',
assayCycle: '7',
reallyDate: '2025-10-09',
lastTest: '2023-06-13',
dueDate: '2023-06-20',
userName: '崔殿龙',
chargeCraft: '崔殿龙',
updateTime: '2024-01-12'
}
]
this.page.total = this.data.length
this.loading = false
setTimeout(() =>{
setTimeout(() => {
this.selectionClear()
},500)
}, 500)
}
}
}
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>
Loading…
Cancel
Save