Commit 250b3774 authored by mengcheng's avatar mengcheng

修改主体样式

parent 93f2a653
......@@ -21,8 +21,8 @@ const config = {
}
// 设置后台接口服务的基础地址
// config.baseUrl = 'http://localhost:8080';
config.baseUrl = 'http://localhost:8080';
//config.baseUrl = "http://101.43.244.58:8080/";
config.baseUrl = "/api";
//config.baseUrl = "/api";
export default config;
\ No newline at end of file
......@@ -50,8 +50,15 @@ export default {
text-align: center;
vertical-align: middle;
padding: 0 15px;
width: 100px;
height: 100px;
width: 120px;
height: 120px;
border-top: 1px solid #505462;
border-bottom: 1px solid #505462;
display: flex;
flex-wrap: wrap;
align-content: center;
flex-direction: column;
justify-content: center;
}
.active {
......@@ -59,7 +66,7 @@ export default {
}
.inActive {
background-color: #0285ff;
background-color: #4ea381;
}
.tab-bar-item img {
......
......@@ -83,7 +83,6 @@ export default {
.hengxian {
width: 35px;
margin-top: 10px;
}
.divider {
......
<template>
<view class="common-container">
<!-- <view class="common-head">-->
<!-- <view class="header">-->
<!-- <view class="title">-->
<!-- MES宝申科技-->
<!-- </view>-->
<!-- <view class="workstation" @click="handleCommand('workstation')">-->
<!-- {{ this.vuex_workstation == null ? '请选择工作站' : this.vuex_workstation.workstationName }}-->
<!-- <u-icon name="edit-pen-fill" size="46" color="#2979ff"></u-icon>-->
<!-- </view>-->
<!-- <view class="user" @tap="handleUserTaped">-->
<!-- <view class="user-icon">-->
<!-- <img :src="userInfo.avatar"></img>-->
<!-- </view>-->
<!-- <view class="user-text">-->
<!-- {{ this.vuex_user.nickName }}-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<!-- </view>-->
<view class="header">
<view class="title">
<image mode="widthFix" style="width: 160rpx;margin: 40rpx 20rpx;display: block;"
src="@/static/logo.png"></image>
</view>
<image mode="widthFix" class="header-logo" src="@/static/logo.png"></image>
<TabHeader></TabHeader>
<u-button style="position: absolute;bottom: 50rpx;margin: 0 auto;" @click="handleUserTaped">
<u-icon name="setting" size="35"></u-icon>
设置
</u-button>
<view class="setting-body"
@click="handleUserTaped">
<u-icon name="list" size="45" class="setting-icon"></u-icon>
{{ this.vuex_user.nickName }}
</view>
</view>
<view class="common-main">
<ProdReport v-if="tabIndex === 'PRO'"></ProdReport>
......@@ -193,12 +172,12 @@ export default {
}
</script>
<style>
<style >
.common-container {
width: 100%;
height: 100vh;
display: grid;
grid-template-columns: 100px 1fr;
grid-template-columns: 120px 1fr;
}
.common-head {
......@@ -211,13 +190,18 @@ export default {
}
.header {
width: 200rpx;
background-color: #132138;
color: aliceblue;
font-size: 25px;
font-family: 华文楷体;
line-height: 80rpx;
height: inherit;
.header-logo {
width: 180rpx;
margin: 40rpx auto;
display: block;
}
}
.header .divItem {
......@@ -225,9 +209,6 @@ export default {
align-items: center;
}
.header .title {
width: 30%;
}
.header .workstation {
text-align: center;
......@@ -284,4 +265,18 @@ img {
overflow: auto;
background-image: linear-gradient(to top right, rgb(19 26 56), rgb(33 64 128));
}
.setting-body {
position: absolute;
bottom: 50rpx;
width: 200rpx;
margin: 0 auto;
font-size: 36rpx;
font-weight: initial;
text-align: center;
.setting-icon {
margin: 10rpx 10rpx;
}
}
</style>
<style lang="scss">
.prod-body {
//display: flex;
height: 100%;
//overflow: hidden;
display: grid;
grid-template-columns: 1fr 150px;
}
.prod-body-left {
//flex-grow: 1;
// padding: 10rpx;
overflow: hidden;
.prod-body-left-btns {
height: 80rpx;
.u-btn {
width: 250rpx;
height: 60rpx;
line-height: 60rpx;
display: inline-block;
margin: 10rpx 20rpx;
}
.workstation{
display: inline-block;
}
}
.prod-body-left-task {
height: calc(100% - 80rpx - 500rpx);
border: 1px solid rgb(232, 232, 232);
}
.prod-body-left-num {
height: 60rpx;
line-height: 60rpx;
padding: 0 16rpx;
background-color: #add8e6;
}
.prod-body-left-bom {
height: 500rpx;
.prod-body-left-bom-type {
width: 500rpx;
height: 80rpx;
padding-top: 10rpx;
.u-subsection {
border-radius: 5px 5px 0 0 !important;
}
}
.prod-body-left-bom-table {
height: 400rpx;
border: 1px solid rgb(232, 232, 232);
}
}
}
.prod-body-right {
width: 300rpx;
padding: 10rpx;
overflow: auto;
.u-btn {
height: 100rpx;
line-height: 100rpx;
margin: 20rpx 10rpx;
font-size: 40rpx;
}
}
</style>
<template>
<view class="commonBody">
<view class="prod-body">
<view class="prod-body-left">
<!-- <view class="prod-body-left-btns">-->
<!-- <view class="workstation">-->
<!-- 工作站名称:-->
<!-- {{ this.vuex_workstation == null ? '请选择工作站' : this.vuex_workstation.workstationName }}-->
<!-- &lt;!&ndash; <u-icon name="edit-pen-fill" size="46" color="#2979ff"></u-icon>&ndash;&gt;-->
<!-- </view>-->
<!-- <u-button type="primary" @click="changeWorkstation">切换工作站</u-button>-->
<!-- &lt;!&ndash; <u-button type="primary" @click="commonClick('')">生产任务</u-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <u-button type="primary" @click="commonClick('KnifeTemp')">刀模上架</u-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <u-button type="primary" @click="commonClick('')">生产投料</u-button>&ndash;&gt;-->
<!-- </view>-->
<!-- <view class="prod-body-left-btns">-->
<!-- <view class="workstation">-->
<!-- 工作站名称:-->
<!-- {{ this.vuex_workstation == null ? '请选择工作站' : this.vuex_workstation.workstationName }}-->
<!-- &lt;!&ndash; <u-icon name="edit-pen-fill" size="46" color="#2979ff"></u-icon>&ndash;&gt;-->
<!-- </view>-->
<!-- <u-button type="primary" @click="changeWorkstation">切换工作站</u-button>-->
<!-- &lt;!&ndash; <u-button type="primary" @click="commonClick('')">生产任务</u-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <u-button type="primary" @click="commonClick('KnifeTemp')">刀模上架</u-button>&ndash;&gt;-->
<!-- &lt;!&ndash; <u-button type="primary" @click="commonClick('')">生产投料</u-button>&ndash;&gt;-->
<!-- </view>-->
<view class="prod-body-left-task">
<zb-table :columns="tableColumn" :stripe="true" @rowClick="rowClick"
......@@ -119,7 +38,8 @@
<u-col span="4">
<u-form-item label="物料条码" label-width="150">
<SearchInput v-model="materialRecordInfo.materialBatchNumber" placeholder="请输入物料条码"
hassearchbtn="true" @inputchange="search"/>
hassearchbtn="true"
@inputchange="(val)=>{materialRecordInfo.materialBatchNumber=val}"/>
</u-form-item>
</u-col>
<u-col span="2">
......@@ -145,7 +65,9 @@
</view>
</view>
<view class="prod-body-right">
<view style="text-align: center;line-height: 80rpx;font-size: 28rpx;font-weight: 600;"> {{ this.vuex_workstation == null ? '请选择工作站' : this.vuex_workstation.workstationName }}</view>
<view style="text-align: center;line-height: 80rpx;font-size: 28rpx;font-weight: 600;">
{{ this.vuex_workstation == null ? '请选择工作站' : this.vuex_workstation.workstationName }}
</view>
<u-button type="primary" @click="changeWorkstation">切换工作站</u-button>
<br/>
<u-button type="warning" @click="commonClick('KnifeTemp')">刀模上架</u-button>
......@@ -577,6 +499,8 @@ export default {
});
},
addMaterialUsageRecord() {
console.log(this.materialRecordInfo.materialBatchNumber)
console.log(this.curTaskInfo.itemCode)
if (this.materialRecordInfo.materialBatchNumber !== this.curTaskInfo.itemCode && this.currentType === 0) {
this.$u.toast('物料不在生产目录中!');
return
......@@ -699,7 +623,7 @@ export default {
}
</script>
<style>
<style lang="scss" scoped>
.commonBody {
width: 100%;
height: 100%;
......@@ -747,4 +671,83 @@ export default {
::v-deep .u-form-item {
padding: 0px;
}
.prod-body {
//display: flex;
height: 100%;
//overflow: hidden;
display: grid;
grid-template-columns: 1fr 150px;
}
.prod-body-left {
//flex-grow: 1;
// padding: 10rpx;
overflow: hidden;
.prod-body-left-btns {
height: 80rpx;
.u-btn {
width: 250rpx;
height: 60rpx;
line-height: 60rpx;
display: inline-block;
margin: 10rpx 20rpx;
}
.workstation {
display: inline-block;
}
}
.prod-body-left-task {
height: calc(100% - 80rpx - 500rpx);
border: 1px solid rgb(232, 232, 232);
}
.prod-body-left-num {
height: 60rpx;
line-height: 60rpx;
padding: 0 16rpx;
background-color: #add8e6;
}
.prod-body-left-bom {
height: 500rpx;
.prod-body-left-bom-type {
width: 500rpx;
height: 80rpx;
padding-top: 10rpx;
.u-subsection {
border-radius: 5px 5px 0 0 !important;
}
}
.prod-body-left-bom-table {
height: 400rpx;
border: 1px solid rgb(232, 232, 232);
}
}
}
.prod-body-right {
width: 300rpx;
padding: 10rpx;
overflow: auto;
.u-btn {
height: 100rpx;
line-height: 100rpx;
margin: 20rpx 10rpx;
font-size: 40rpx;
}
}
</style>
......@@ -463,10 +463,11 @@ export default {
.button-frame {
width: 80px;
height: 80px;
background-color: aliceblue;
background-color: #76bd1d;
border-radius: 10px;
box-shadow: 2px 2px 3px #888888;
display: grid;
color: #FFFFFF;
place-items: center;
}
......
......@@ -46,7 +46,7 @@
loading: false,
loginForm: {
username: "admin",
password: "000000",
password: "admin123",
rememberMe: false,
validCode:'',
uuid: ""
......
static/icons/png/pro.png

7 KB | W: | H:

static/icons/png/pro.png

3.97 KB | W: | H:

static/icons/png/pro.png
static/icons/png/pro.png
static/icons/png/pro.png
static/icons/png/pro.png
  • 2-up
  • Swipe
  • Onion skin
static/icons/png/qc.png

7.49 KB | W: | H:

static/icons/png/qc.png

2.83 KB | W: | H:

static/icons/png/qc.png
static/icons/png/qc.png
static/icons/png/qc.png
static/icons/png/qc.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -17,8 +17,7 @@ module.exports = {
devServer: {
proxy: {
'/api': {
//target: 'http://101.43.244.58:8080/',
target: 'http://192.168.3.91:8080/',
target: 'http://101.43.244.58:8080/',
changeOrigin: true,
pathRewrite: {
'^/api': ''
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment