优化

src/views/outsourcing/components/details.vue

@@ -1,30 +1,62 @@
 <template>
-     <el-dialog title="详情2222" :visible.sync="visible" :before-close="handleClose" :close-on-click-modal="false"
-        :close-on-press-escape="false" append-to-body width="35%">
+    <el-dialog title="详情" :visible.sync="visible" :before-close="handleClose" :close-on-click-modal="false"
+        :close-on-press-escape="false" append-to-body width="60vw">
+
+ 
+
 
 
     </el-dialog>
 </template>
-
+  
 <script>
 
-export default {
 
+
+
+export default {
+    components: {
+    },
     data() {
         return {
-            visible: true,
+            visible: false,
+      
+
 
         }
     },
 
+    watch: {
+
+    },
     methods: {
 
+
+
+        open() {
+
+      
+
+            this.visible = true
+
+        },
+
+
+
+
+
+
+
         handleClose() {
             this.visible = false
-        }
+      
+        },
 
     }
 }
 </script>
+  
+<style lang="scss" scoped>
 
-<style></style>
+</style>
+  

src/views/outsourcing/components/release.vue

@@ -30,8 +30,6 @@
 
 
 
-
-
         </el-form>
 
 

src/views/outsourcing/index.vue

@@ -8,7 +8,7 @@
 
 
                 <template v-slot:isRelease="{ row }">
-                     <el-tag>{{ row.isRelease == 1 ? '已发布' : '未发布' }}</el-tag>
+                    <el-tag>{{ row.isRelease == 1 ? '已发布' : '未发布' }}</el-tag>
                 </template>
 
                 <template v-slot:action="{ row }">
@@ -26,13 +26,9 @@
                         发布
                     </el-link>
 
-      
-
-                    
-                </template>
 
 
-                
+                </template>
 
 
             </ele-pro-table>
@@ -40,8 +36,9 @@
         <flow ref="flowRef"></flow>
 
         <release ref="releaseRef"></release>
- 
-   <details></details>
+        <detail ref="detailsRef"></detail>
+
+
     </div>
 </template>
   
@@ -49,24 +46,18 @@
 import { getList } from '@/api/outsourcing/index.js';
 import flow from './components/flow.vue'
 import search from './components/search.vue';
-
 import release from './components/release.vue'
-
-import details from './components/details.vue'
+import Detail from './components/details.vue';
 export default {
     components: {
         search,
         flow,
         release,
-        details
+        Detail
     },
     data() {
         return {
-
             loading: false,
-            detailsShow: false
-
-
         };
     },
     computed: {
@@ -109,7 +100,7 @@ export default {
                 },
 
 
-                
+
                 {
                     prop: '',
                     label: '工序',
@@ -129,7 +120,7 @@ export default {
                     align: 'center'
                 },
 
-           
+
 
                 {
                     prop: 'remark',
@@ -210,11 +201,11 @@ export default {
         },
 
         handleDetails() {
-            this.detailsShow = true
+            this.$refs.detailsRef.open()
         },
 
 
-        handleRelease(row) {
+        handleRelease() {
             this.$refs.releaseRef.open()
         },