|
|
@@ -41,7 +41,29 @@
|
|
|
</div>
|
|
|
<div class="react-right mr-4 react-l-s">
|
|
|
<span class="react-after"></span>
|
|
|
- <el-dropdown class="dropdown">
|
|
|
+
|
|
|
+ <!-- <el-dropdown class="dropdown">
|
|
|
+ <span class="el-dropdown-link" ref="echarType">
|
|
|
+ {{linecode.LI_CODE}} <i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
+ </span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item class="dropdownitem"
|
|
|
+ v-for="item in linedata"
|
|
|
+ :key="item.LI_CODE"
|
|
|
+ >{{item.LI_CODE}}</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>*/-->
|
|
|
+
|
|
|
+ <el-select v-model="linecode" class="dropdown" @change ="handleBlur">
|
|
|
+ <el-option
|
|
|
+ v-for="item in linedata"
|
|
|
+ :key="item.LI_CODE"
|
|
|
+ :label="item.LI_CODE"
|
|
|
+ :value="item.LI_CODE"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ <!--<el-dropdown class="dropdown">
|
|
|
<span class="el-dropdown-link" ref="echarType">
|
|
|
SMT车间<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
</span>
|
|
|
@@ -49,7 +71,7 @@
|
|
|
<el-dropdown-item class="dropdownitem"><router-link to="assembly"> 组装车间</router-link></el-dropdown-item>
|
|
|
<el-dropdown-item class="dropdownitem"><router-link to="package"> 包装车间</router-link></el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
+ </el-dropdown>-->
|
|
|
|
|
|
<span class="text"
|
|
|
>{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span
|
|
|
@@ -100,9 +122,12 @@ import up2 from './up2'
|
|
|
import up3 from './up3'
|
|
|
import bottom1 from './bottom1'
|
|
|
import bottom2 from './bottom2'
|
|
|
-
|
|
|
+import { mapState } from "vuex"
|
|
|
export default {
|
|
|
mixins: [ drawMixin ],
|
|
|
+ computed: {
|
|
|
+ ...mapState('user', ['user'])
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
timing: null,
|
|
|
@@ -111,7 +136,9 @@ export default {
|
|
|
dateYear: null,
|
|
|
dateWeek: null,
|
|
|
weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
|
|
|
- decorationColor: ['#568aea', '#000000']
|
|
|
+ decorationColor: ['#568aea', '#000000'],
|
|
|
+ linecode:null,
|
|
|
+ linedata:[]
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
@@ -121,6 +148,10 @@ export default {
|
|
|
bottom1,
|
|
|
bottom2
|
|
|
},
|
|
|
+ created() {
|
|
|
+ this.linedata = this.$store.getters.user.linedata;
|
|
|
+ this.linecode = sessionStorage.getItem("li_code");
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.timeFn()
|
|
|
this.cancelLoading()
|
|
|
@@ -141,6 +172,10 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
this.loading = false
|
|
|
}, 5000)
|
|
|
+ },
|
|
|
+ handleBlur (val){
|
|
|
+ sessionStorage.setItem('li_code',val);
|
|
|
+ location.reload();
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -152,5 +187,40 @@ export default {
|
|
|
font-size: 18px;
|
|
|
color: #568aea;
|
|
|
transform: skewX(45deg);
|
|
|
+ ::v-deep .el-select-dropdown {
|
|
|
+ /* // 若不将下拉框的背景颜色设置为:transparent,那么做不出来半透明的效果;
|
|
|
+ // 因为其最终的显示为:下拉框有一个背景颜色且下拉框的字体有一个背景颜色,重叠后的效果展示; */
|
|
|
+ border: 1px solid #0f1325;
|
|
|
+ background: #04308D !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep .el-input__inner {
|
|
|
+ background-color: #0f1325;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #0f1325;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-select-dropdown__item {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #0f1325;
|
|
|
+ }
|
|
|
+ ::v-deep .el-select-dropdown {
|
|
|
+ background-color: transparent;
|
|
|
+ border: 1px solid #0f1325;
|
|
|
+ }
|
|
|
+ ::v-deep.el-select-dropdown__list {
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ ::v-deep.el-popper[x-placement^="bottom"] {
|
|
|
+ margin-top: 0px;
|
|
|
+ }
|
|
|
+ ::v-deep.el-popper .popper__arrow,
|
|
|
+ ::v-deep.el-popper .popper__arrow::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ .el-select-dropdown__item:hover {
|
|
|
+ background-color: rgba(0, 225, 219, 0.690196078431373);
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
</style>
|