未发布项目允许删除

表单预览不刷新问题

src/views/form/index.vue

@@ -9,12 +9,12 @@
                     <img class="header-logo" src="@/assets/images/indexLogo.svg" @click="$router.push({path:'/home'})">
                 </el-col>
                 <el-col :span="1" :xs="3">
-                    <el-button type="primary" icon="el-icon-view" @click="previewDialogVisible=true">
+                    <el-button icon="el-icon-view" type="primary" @click="openPreviewHandle">
                         预览
                     </el-button>
                 </el-col>
                 <el-col :span="2" :xs="3">
-                    <el-button type="success" icon="el-icon-folder-add" @click="saveProjectAsTemplateHandle">
+                    <el-button icon="el-icon-folder-add" type="success" @click="saveProjectAsTemplateHandle">
                         保存为模板
                     </el-button>
                 </el-col>
@@ -22,8 +22,8 @@
         </el-card>
         <div class="main-container">
             <div class="left-menu-container">
-                <el-menu :collapse="isCollapse" class="el-menu-vertical"
-                         :default-active="defaultActiveMenu"
+                <el-menu :collapse="isCollapse" :default-active="defaultActiveMenu"
+                         class="el-menu-vertical"
                          @select="menuSelectHandle"
                 >
                     <el-menu-item v-for="menuItem in menuItemList" :key="menuItem.route" :index="menuItem.route">
@@ -40,20 +40,23 @@
         </div>
         <el-dialog
             :visible.sync="previewDialogVisible"
+            destroy-on-close
             fullscreen
         >
-            <pre-view :preview-qrcode="true" />
+            <pre-view :key="previewKey" :preview-qrcode="true" />
         </el-dialog>
     </div>
 </template>
 
 <script>
 import PreView from '@/views/form/preview'
+
 export default {
     name: 'NewIndex',
     components: {PreView},
     data() {
         return {
+            previewKey: +new Date(),
             previewDialogVisible: false,
             defaultActiveMenu: 'editor',
             projectKey: null,
@@ -99,6 +102,10 @@ export default {
         menuSelectHandle(index) {
             this.$router.replace({path: index, query: {key: this.projectKey}})
         },
+        openPreviewHandle() {
+            this.previewKey = +new Date()
+            this.previewDialogVisible = true
+        },
         saveProjectAsTemplateHandle() {
             this.$api.post('/user/project/template/save', {key: this.projectKey}).then(() => {
                 this.msgSuccess('保存成功')

src/views/project/my/index.vue

@@ -105,7 +105,7 @@
                             </el-button>
                         </el-popconfirm>
                         <el-popconfirm
-                            v-if="p.status==3"
+                            v-if="p.status!=2"
                             title="确定删除该项目吗？"
                             @confirm="deleteProject(p.key)"
                         >
@@ -200,7 +200,7 @@
                             </el-button>
                         </el-popconfirm>
                         <el-popconfirm
-                            v-if="scope.row.status==3"
+                            v-if="scope.row.status!=2"
                             title="确定删除该项目吗？"
                             @confirm="deleteProject(scope.row.key)"
                         >