作业票查看页

src/router/index.js

@@ -133,6 +133,12 @@ export const dynamicRoutes = [
         name: 'NewOperations',
         meta: { title: '作业管理-新建作业票', activeMenu: '/mes/job/jobm/NewOperations' }
       },
+      {
+        path: 'LookJob',
+        component: () => import('@/views/mes/job/jobm/LookJob'),
+        name: 'LookJob',
+        meta: { title: '作业管理-查看作业票', activeMenu: '/mes/job/jobm/LookJob' }
+      },
 
     ]
   },
@@ -216,7 +222,7 @@ export const dynamicRoutes = [
         path: 'ganttedit',
         component: () => import("@/views/mes/pro/schedule/ganttedit"),
         name: 'ganttEdit',
-        meta: {title: '使用甘特图排产',activeMenu: '/mes/pro/schedule'}
+        meta: { title: '使用甘特图排产', activeMenu: '/mes/pro/schedule' }
       }
     ]
   },
@@ -259,21 +265,21 @@ export const dynamicRoutes = [
         component: () => import('@/views/mes/qc/pendinginspect/iqc'),
         name: 'iqcadd',
         props: true,
-        meta: {title: '来料检验', activeMenu: '/mes/qc/pendinginspect/iqc'}
+        meta: { title: '来料检验', activeMenu: '/mes/qc/pendinginspect/iqc' }
       },
       {
         path: 'pqc',
         component: () => import('@/views/mes/qc/pendinginspect/pqc'),
         name: 'pqcadd',
         props: true,
-        meta: {title: '过程检验', activeMenu: '/mes/qc/pendinginspect/pqc'}
+        meta: { title: '过程检验', activeMenu: '/mes/qc/pendinginspect/pqc' }
       },
       {
         path: 'oqc',
         component: () => import('@/views/mes/qc/oqc/index'),
         name: 'oqcadd',
         props: true,
-        meta: {title: '出厂检验', activeMenu: '/mes/qc/pendinginspect/oqc'}
+        meta: { title: '出厂检验', activeMenu: '/mes/qc/pendinginspect/oqc' }
       }
     ]
   },
@@ -288,7 +294,7 @@ export const dynamicRoutes = [
         path: 'edit',
         component: () => import("@/views/print/printtemplate/index"),
         name: 'printTemplateEdit',
-        meta: {title: '打印模板编辑',activeMenu: '/print/printtemplate/edit'}
+        meta: { title: '打印模板编辑', activeMenu: '/print/printtemplate/edit' }
       }
     ]
   }

src/views/mes/job/jobm/LookJob.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="detailall">
+    <div class="left">
+      <div class="leftpoint">
+        <p class="item">E-1</p>
+      </div>
+      <div class="rightstatus">
+        <p>隔离点上锁状态</p>
+        <section>
+          <span>上锁人:</span>
+          <div class="status">
+            <img src="@/assets/images/colocked.png" alt="" />
+            <b>已上锁</b>
+          </div>
+        </section>
+      </div>
+    </div>
+    <div class="right">
+      <h6>作业基础信息</h6>
+      <div class="bottomcon"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      tabPosition: "left",
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.detailall {
+  width: 100%;
+  height: 91vh;
+  padding: 1% 2%;
+  display: flex;
+  background: #eff0f2;
+  // 左边内容
+  .left {
+    width: 60%;
+    height: 820px;
+    margin: 0 1% 0 0;
+    padding: 0;
+    display: flex;
+    // 左边隔离点
+    .leftpoint {
+      width: 100px;
+      height: 100%;
+      background-color: rgba(164, 173, 179, 1);
+      .item {
+        width: 100%;
+        height: 60px;
+        line-height: 20px;
+        color: rgba(51, 51, 51, 1);
+        font-size: 14px;
+        text-align: center;
+        font-family: Roboto;
+      }
+    }
+    // 隔离点上锁状态
+    .rightstatus {
+      width: 800px;
+      height: 880px;
+      background: #fff;
+      p {
+        display: block;
+        width: 97%;
+        height: 32px;
+        margin: 2% 0;
+        // background: pink;
+        color: rgb(23, 43, 77);
+        font-size: 18px;
+        text-align: left;
+        font-family: SourceHanSansSC-regular;
+        border-bottom: 1px solid rgba(223, 225, 230, 1);
+      }
+      section {
+        width: 97%;
+        height: 60px;
+        display: flex;
+        border-bottom: 1px solid rgba(15, 64, 245, 1);
+        span {
+          line-height: 52px;
+          color: rgba(16, 16, 16, 1);
+          font-size: 14px;
+          text-align: center;
+          font-weight: bolder;
+          font-family: Roboto;
+        }
+        .status {
+          width: 96px;
+          height: 35px;
+          line-height: 20px;
+          border-radius: 4px;
+          background-color: rgba(255, 255, 255, 1);
+          color: rgba(16, 16, 16, 1);
+          font-size: 14px;
+          text-align: center;
+          font-family: Roboto;
+          border: 1px solid rgba(76, 61, 236, 1);
+          margin: 2% 4%;
+          img {
+            width: 23px;
+            height: 22px;
+            position: relative;
+            top: 12%;
+            left: -8%;
+          }
+          b {
+            color: rgba(16, 16, 16, 1);
+            font-size: 14px;
+            text-align: left;
+            position: relative;
+            top: -6%;
+            font-family: PingFangSC-bold;
+          }
+        }
+      }
+    }
+  }
+  // 右边信息
+  .right {
+    width: 38%;
+    height: 820px;
+    background: #fff;
+  }
+}
+</style>

src/views/mes/job/jobm/index.vue

@@ -220,7 +220,7 @@
             size="mini"
             type="text"
             icon="el-icon-view"
-            @click="handleUpdate(scope.row)"
+            @click="handleLook(scope.row)"
             v-hasPermi="['mes:job:jobm:progress']"
             >查看
           </el-button>
@@ -332,7 +332,6 @@ export default {
 
       // 表单参数
       form: {},
-     
     };
   },
   created() {
@@ -453,6 +452,10 @@ export default {
       this.title = "添加隔离点";
       this.optType = "add";
     },
+    // 查看
+    handleLook() {
+      this.$router.push("/mes/job/jobm/LookJob");
+    },
     // 查询明细按钮操作
     handleView(row) {
       this.reset();