修改工时管理样式

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

 <template>
-  <section class="time-to-see">
+  <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">
@@ -11,6 +18,7 @@
         </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;