fengyuan_yang
/
boying-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

采购标签

master
常熟吴彦祖 5 months ago
parent
e886a01c44
commit
0b103ccd5e
3 changed files with 101 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 56
      src/assets/scss/global.scss
  2. 2
      src/views/main-navbar.vue
  3. 94
      src/views/modules/print/PoPartPrint.vue

56
src/assets/scss/global.scss
View File

@ -462,27 +462,39 @@ a:hover{
.rred input {
color: red;
}
/* 修改 el-input 被禁用时的字体颜色 */
/* src/styles/element-custom.css */
.el-input.is-disabled .el-input__inner {
color: #000000 !important; /* 你想设置的颜色，比如黑色 */
/* 也可以加其他样式 */
opacity: 1;
}
::v-deep .gradient-label .el-form-item__label {
/* 启用渐变色动画 */
animation: gradientColor 3s ease-in-out infinite;
font-weight: bold; /* 可选：加粗 */
}
/* 定义颜色变化动画 */
@keyframes gradientColor {
0% {
color: yellow;
}
50% {
color: #d94cf3;
}
100% {
color: green;
}
color: #212121 !important;
}
/* 全局：渐变动画 - 表单项标签（用于 .gradient-label） */
.gradient-label .el-form-item__label {
background-image: linear-gradient(90deg, #d94cf3, #ff0000, #fff200, #1360ff);
background-size: 400% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
animation: gradient-text-flow 3s ease-in-out infinite;
}
@keyframes gradient-text-flow {
0% { background-position: 0% 50%; }
33% { background-position: 50% 50%; }
66% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.site-navbar__brand-lg.brand-gradient-text {
background-image: linear-gradient(90deg, #d94cf3, #ff0000, #fff200, #1360ff);
background-size: 400% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
animation: gradient-text-flow 3s ease-in-out infinite;
}

2
src/views/main-navbar.vue
View File

@ -13,7 +13,7 @@
<!-- <i class="el-icon-refresh"></i>-->
<!-- </el-menu-item>-->
</el-menu>
<a class="site-navbar__brand-lg" href="javascript:;">{{ pageLanguage.XjSysManage }}</a>
<a class="site-navbar__brand-lg brand-gradient-text" href="javascript:;">{{ pageLanguage.XjSysManage }}</a>
<a class="site-navbar__brand-mini" href="javascript:;">{{ pageLanguage.abbreviation }}</a>
</h1>

94
src/views/modules/print/PoPartPrint.vue
View File

@ -169,26 +169,16 @@
<el-input v-model="addModelData.batchQualifiedQty" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="剩余可发行数量">
<el-input v-model="addModelData.remainingIssuableQty" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="4">
<el-form-item label="超入比例" >
<el-input v-model="addModelData.exceedInRatio" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="4">
<el-form-item label="有效期管理">
<el-input v-model="addModelData.expirationFlag" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="本次发行数量" class="gradient-label">
<el-input v-model="addModelData.nowRollQty" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="生产日期" required>
<el-date-picker
@ -220,6 +210,16 @@
<el-input v-model="addModelData.tailRollQty" @blur="getNowRollQty()" type="number" style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="本次发行数量" class="gradient-label">
<el-input v-model="addModelData.nowRollQty" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="本次可发行数量">
<el-input v-model="addModelData.remainingIssuableQty" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
@ -659,6 +659,24 @@ export default {
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '670Table2BatchNo',
tableId: "670Table2",
tableName: "采购物料标签清单",
columnProp: "batchNo",
headerAlign: "center",
align: "center",
columnLabel: "批次号",
columnWidth: '120',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 6,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
@ -677,6 +695,42 @@ export default {
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '670Table2ExpirationDate',
tableId: "670Table2",
tableName: "采购物料标签清单",
columnProp: "expirationDate",
headerAlign: "center",
align: "center",
columnLabel: "失效日期",
columnWidth: '120',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 6,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '670Table2ExpirationWarningDate',
tableId: "670Table2",
tableName: "采购物料标签清单",
columnProp: "expirationWarningDate",
headerAlign: "center",
align: "center",
columnLabel: "失效预警日期",
columnWidth: '120',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 6,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
@ -1022,22 +1076,6 @@ export default {
color: #c0c4cc;
}
// 渐变动画：本次发行数量 的表单项标签
/deep/ .gradient-label .el-form-item__label {
background-image: linear-gradient(90deg, #e7f427, #d94cf3 , #0ffd00);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
animation: gradient-text-flow 3s ease-in-out infinite;
}
@keyframes gradient-text-flow {
0% { background-position: 0% 50%; }
33% { background-position: 50% 50%; }
66% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
</style>
Write Preview
Loading…
Cancel
Save