修改工时管理样式

applications/dee-mes/src/views/taskExecution/components/TimeToSee/index.vue

 <template>
-  <section class="time-to-see">
-    <Search :active-name="activeName" @init="searchData" />
-    <dee-tools :tools="tools" mode="normal" :collapse="false" />
-    <el-tabs v-model="activeName" type="card" @tab-click="tabClick">
-      <el-tab-pane label="生产工时" name="product">
-        <ProductionTable ref="productTable" />
-      </el-tab-pane>
-      <el-tab-pane label="临时工时" name="temp">
-        <TemporaryTable ref="tempTable" />
-      </el-tab-pane>
-    </el-tabs>
-  </section>
+  <dee-dialog
+    v-if="visible"
+    title="工时查看"
+    :dialog-visible.sync="visible"
+    width="90%"
+    custom-class="mobile-dialog"
+  >
+    <section class="statistical-summary-working-hours-com">
+      <Search :active-name="activeName" @init="searchData" />
+      <dee-tools :tools="tools" mode="normal" :collapse="false" />
+      <el-tabs v-model="activeName" type="card" @tab-click="tabClick">
+        <el-tab-pane label="生产工时" name="product">
+          <ProductionTable ref="productTable" />
+        </el-tab-pane>
+        <el-tab-pane label="临时工时" name="temp">
+          <TemporaryTable ref="tempTable" />
+        </el-tab-pane>
+      </el-tabs>
+    </section>
+  </dee-dialog>
 </template>
 
 <script>
@@ -27,6 +35,7 @@ export default {
   data() {
     return {
       activeName: 'product',
+      visible: false,
       // 工具栏
       tools: [{
         name: '确认',
@@ -39,6 +48,13 @@ export default {
     }
   },
   methods: {
+    // 打开弹出框
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+    },
     searchData(form) {
       this.initForm = form
       this.tableInit(this.initForm)
@@ -66,9 +82,7 @@ export default {
 </script>
 
 <style lang="scss">
-.time-to-see{
-  padding-top: 10px;
-  background: #fff;
+.statistical-summary-working-hours-com{
   .dee-tools{
     float: right;
     position: relative;