订单监控图

src/views/group/base/groupTeam/index.vue

@@ -58,7 +58,7 @@ const tableProps = [
     prop: 'createTime',
     label: '创建时间',
     filter: parseTime,
-    minWidth: 150
+    minWidth: 160
   },
   {
     prop: 'name',

src/views/group/monitoring/groupTeamView/components/groupTeamViewDetail.vue

@@ -2,14 +2,16 @@
   <div>
     <el-drawer title="查看详情" :visible.sync="visible" size="70%">
       <div class="box">
-        <el-form :inline="true">
-          <el-form-item label="工单名称">
-            <el-input v-model="queryParams.workOrderName" size='small' readonly></el-input>
-          </el-form-item>
-          <el-form-item label="班组名称">
-            <el-input v-model="queryParams.teamName" size='small' readonly></el-input>
-          </el-form-item>
-        </el-form>
+        <el-row class="topBox">
+          <el-col :span="6">
+            <p class="boldTitle">工单名称</p>
+            <p class="lightText">{{ queryParams.workOrderName ? queryParams.workOrderName : '-' }}</p>
+          </el-col>
+          <el-col :span="6">
+            <p class="boldTitle">班组名称</p>
+            <p class="lightText">{{ queryParams.teamName ? queryParams.teamName : '-' }}</p>
+          </el-col>
+        </el-row>
         <base-table
           :table-props="tableProps"
           :table-data="tableData"
@@ -27,13 +29,13 @@ const tableProps = [
     prop: 'startTime',
     label: '开始时间',
     filter: parseTime,
-    minWidth: 150
+    minWidth: 160
   },
   {
     prop: 'endTime',
     label: '结束时间',
     filter: parseTime,
-    minWidth: 150
+    minWidth: 160
   },
   {
     prop: 'num',
@@ -49,17 +51,15 @@ export default {
   data() {
     return {
       visible: false,
-      workOrderName: '',
-      teamName: '',
       tableProps,
       tableData: [],
-      tableH: this.tableHeight(200),
+      tableH: this.tableHeight(260),
       queryParams: {}
     }
   },
   created() {
     window.addEventListener('resize', () => {
-      this.tableH = this.tableHeight(200)
+      this.tableH = this.tableHeight(260)
     })
   },
   methods: {
@@ -79,5 +79,23 @@ export default {
 <style lang="scss" scoped>
 .box {
   padding: 0 32px;
+  .topBox {
+    padding-bottom: 30px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #E9E9E9;
+    .boldTitle {
+      font-size: 14px;
+      font-weight: 600;
+      color: rgba(0,0,0,0.85);
+      margin: 0;
+      margin-bottom: 10px;
+    }
+    .lightText {
+      font-size: 14px;
+      font-weight: 400;
+      color: rgba(102,102,102,0.75);
+      margin: 0;
+    }
+  }
 }
 </style>

src/views/group/monitoring/groupTeamView/index.vue

@@ -59,7 +59,8 @@ export default {
           label: '工单',
           selectOptions: [],
           param: 'workOrderId',
-          clearable: false
+          clearable: false,
+          filterable: true
         },
         {
           type: 'button',

src/views/group/monitoring/teamProduction/index.vue

@@ -17,7 +17,7 @@
       <method-btn
         v-if="tableBtn.length"
         slot="handleBtn"
-        :width="160"
+        :width="80"
         label="操作"
         :method-list="tableBtn"
         @clickBtn="handleClick"
@@ -42,7 +42,7 @@ const tableProps = [
     prop: 'createTime',
     label: '排班创建时间',
     filter: parseTime,
-    minWidth: 150
+    minWidth: 160
   },
   {
     prop: 'startDay',
@@ -53,13 +53,13 @@ const tableProps = [
     prop: 'startTime',
     label: '上班时间',
     filter: parseTime,
-    minWidth: 150
+    minWidth: 160
   },
   {
     prop: 'endTime',
     label: '下班时间',
     filter: parseTime,
-    minWidth: 150
+    minWidth: 160
   },
   {
     prop: 'classesName',
@@ -120,8 +120,8 @@ export default {
       tableBtn: [
       this.$auth.hasPermi('base:team-production:detail')
           ? {
-              type: 'viewDetail',
-              btnName: '查看生产情况'
+              type: 'detail',
+              btnName: '详情'
             }
           : undefined
       ].filter((v) => v),