Browse Source

采购标签

master
常熟吴彦祖 5 months ago
parent
commit
0b103ccd5e
  1. 48
      src/assets/scss/global.scss
  2. 2
      src/views/main-navbar.vue
  3. 94
      src/views/modules/print/PoPartPrint.vue

48
src/assets/scss/global.scss

@ -462,27 +462,39 @@ a:hover{
.rred input { .rred input {
color: red; color: red;
} }
/* 修改 el-input 被禁用时的字体颜色 */
/* src/styles/element-custom.css */
.el-input.is-disabled .el-input__inner { .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; /* 可选:加粗 */
color: #212121 !important;
} }
/* 定义颜色变化动画 */
@keyframes gradientColor {
0% {
color: yellow;
}
50% {
color: #d94cf3;
/* 全局:渐变动画 - 表单项标签(用于 .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;
} }
100% {
color: green;
@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

@ -13,7 +13,7 @@
<!-- <i class="el-icon-refresh"></i>--> <!-- <i class="el-icon-refresh"></i>-->
<!-- </el-menu-item>--> <!-- </el-menu-item>-->
</el-menu> </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> <a class="site-navbar__brand-mini" href="javascript:;">{{ pageLanguage.abbreviation }}</a>
</h1> </h1>

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

@ -169,26 +169,16 @@
<el-input v-model="addModelData.batchQualifiedQty" disabled style="width: 100%"></el-input> <el-input v-model="addModelData.batchQualifiedQty" disabled style="width: 100%"></el-input>
</el-form-item> </el-form-item>
</el-col> </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-form-item label="超入比例" >
<el-input v-model="addModelData.exceedInRatio" disabled style="width: 100%"></el-input> <el-input v-model="addModelData.exceedInRatio" disabled style="width: 100%"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8">
<el-col :span="4">
<el-form-item label="有效期管理"> <el-form-item label="有效期管理">
<el-input v-model="addModelData.expirationFlag" disabled style="width: 100%"></el-input> <el-input v-model="addModelData.expirationFlag" disabled style="width: 100%"></el-input>
</el-form-item> </el-form-item>
</el-col> </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-col :span="8">
<el-form-item label="生产日期" required> <el-form-item label="生产日期" required>
<el-date-picker <el-date-picker
@ -220,6 +210,16 @@
<el-input v-model="addModelData.tailRollQty" @blur="getNowRollQty()" type="number" style="width: 100%"></el-input> <el-input v-model="addModelData.tailRollQty" @blur="getNowRollQty()" type="number" style="width: 100%"></el-input>
</el-form-item> </el-form-item>
</el-col> </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-row>
</el-form> </el-form>
@ -659,6 +659,24 @@ export default {
status: true, status: true,
fixed: false 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, userId: this.$store.state.user.name,
functionId: this.functionId, functionId: this.functionId,
@ -677,6 +695,42 @@ export default {
status: true, status: true,
fixed: false 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, userId: this.$store.state.user.name,
functionId: this.functionId, functionId: this.functionId,
@ -1022,22 +1076,6 @@ export default {
color: #c0c4cc; 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> </style>
Loading…
Cancel
Save