剩余页面点击事件添加

src/views/Declare/time.vue

@@ -16,9 +16,9 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">添加</el-button>
-                <el-button type="primary" disabled icon="el-icon-edit-outline">修改</el-button>
-                <el-button type="primary" disabled icon="el-icon-close">删除</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">添加</el-button>
+                <el-button type="primary" disabled icon="el-icon-edit-outline" @click="amend">修改</el-button>
+                <el-button type="primary" disabled icon="el-icon-close" @click="delet">删除</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -310,15 +310,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             visible: false,
             show: true, //表单切换
             planHeaderForm: {
@@ -404,10 +408,10 @@ export default {
                 wantyear: true,
                 planwant: true,
                 wantnumber: false,
-                post:false,
-                estate:false,
-                time:false,
-                remark:true,
+                post: false,
+                estate: false,
+                time: false,
+                remark: true,
             },
         }
     },
@@ -444,6 +448,20 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+        },
         handleSelectionChange(selection, val) {
             val.show = !val.show;
         },
@@ -468,6 +486,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/Monitoring/timing.vue

@@ -36,11 +36,11 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
-                <el-button type="danger" plain icon="el-icon-close" >删除</el-button>
-                <el-button type="warning" icon="el-icon-upload2">导出</el-button>
-                <el-button type="danger" icon="el-icon-tickets">日志</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit-outline" @click="amend">修改</el-button>
+                <el-button type="danger" plain icon="el-icon-close" @click="delet">删除</el-button>
+                <el-button type="warning" icon="el-icon-upload2" @click="derived">导出</el-button>
+                <el-button type="danger" icon="el-icon-tickets" @click="log">日志</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -205,15 +205,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -359,6 +363,29 @@ export default {
         }
     },
     methods: {
+        add() {
+      this.showDialog = true
+      this.dialogText = '只能由操作员新增招聘人员!'
+    },
+    amend() {
+      this.showDialog = true
+      this.dialogText = '只能修改由操作员新增的招聘人员!'
+    },
+    delet() {
+      this.showDialog = true
+      this.dialogText = '确认要删除选中的1条数据吗?'
+    },
+    derived() {
+      this.showDialog = true
+      this.dialogText = '确定导出所有任务吗？'
+    },
+    log() {
+      this.showDialog = true
+      this.dialogText = '只能修改由操作员新增的招聘人员!'
+    },
+    handleSelectionChange(selection, val) {
+      val.show = !val.show;
+    },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -401,6 +428,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/Tool/code.vue

@@ -31,10 +31,10 @@
         </div>
         <div class="content">
             <div class="con">
-                    <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">生成</el-button>
-                    <el-button type="warning" icon="el-icon-download" >导入</el-button>
-                    <el-button type="success" icon="el-icon-edit-outline" >修改</el-button>
-                    <el-button type="danger" icon="el-icon-close" >删除</el-button>
+                    <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="gent">生成</el-button>
+                    <el-button type="warning" icon="el-icon-download">导入</el-button>
+                    <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
+                    <el-button type="danger" icon="el-icon-close" @click="delet">删除</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -203,15 +203,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -327,6 +331,14 @@ export default {
         }
     },
     methods: {
+        gent() {
+            this.showDialog = true
+            this.dialogText = '确认要生成选中的1条数据吗?'
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '确认要删除选中的1条数据吗?'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -369,6 +381,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/prizePunish/appeal/index.vue

@@ -6,9 +6,7 @@
     </div>
     <div class="userCon">
       <div class="con">
-        <el-button type="primary" icon="el-icon-plus" @click="add"
-          >添加</el-button
-        >
+        <el-button type="primary" icon="el-icon-plus" @click="add">添加</el-button>
         <el-button
           icon="el-icon-edit-outline"
           @click="edit"

src/views/systemManagement/dict.vue

@@ -33,10 +33,10 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
-                <el-button type="danger" plain icon="el-icon-close">删除</el-button>
-                <el-button type="warning" icon="el-icon-upload2">导出</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit-outline" @click="amend">修改</el-button>
+                <el-button type="danger" plain icon="el-icon-close" @click="delet">删除</el-button>
+                <el-button type="warning" icon="el-icon-upload2" @click="derive">导出</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -104,14 +104,10 @@
             <el-table-column prop="num" label=" 状态" v-if="showColumn.wantnumber">
                 <template slot-scope="scope">
                     <div class="tag-group">
-                    <el-tag class="site"
-                        v-for="items in item"
-                        :key="item.label"
-                        :type="item.type"
-                        effect="dark">
-                        {{ items.label }}
-                    </el-tag>
-                </div>
+                        <el-tag class="site" v-for="items in item" :key="item.label" :type="item.type" effect="dark">
+                            {{ items.label }}
+                        </el-tag>
+                    </div>
                 </template>
             </el-table-column>
             <el-table-column prop="type" label="备注" v-if="showColumn.wanttype"></el-table-column>
@@ -119,9 +115,12 @@
             </el-table-column>
             <el-table-column prop="num" label="操作" width="300" v-if="showColumn.post">
                 <template slot-scope="scope">
-                    <el-button class="el-icon-edit-outline" size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-                    <el-button class="el-icon-s-operation" size="mini" type="success" @click="handleEdit(scope.$index, scope.row)">列表</el-button>
-                    <el-button class="el-icon-close" size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                    <el-button class="el-icon-edit-outline" size="mini" type="primary"
+                        @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                    <el-button class="el-icon-s-operation" size="mini" type="success"
+                        @click="handleEdit(scope.$index, scope.row)">列表</el-button>
+                    <el-button class="el-icon-close" size="mini" type="danger"
+                        @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                 </template>
             </el-table-column>
         </el-table>
@@ -206,15 +205,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -330,8 +333,8 @@ export default {
                 },
             ],
             item: [
-                    { type: '', label: '正常' }
-                ],
+                { type: '', label: '正常' }
+            ],
             multipleSelection: [],
             showColumn: {
                 inviteid: true,
@@ -343,7 +346,7 @@ export default {
                 planwant: true,
                 wantnumber: true,
                 post: true,
-                time:true,
+                time: true,
             },
         }
     },
@@ -381,6 +384,22 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '只能修改由操作员新增的招聘人员!'
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+        },
+        derive() {
+            this.showDialog = true
+            this.dialogText = '确定导出所有类型吗？'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -423,6 +442,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },
@@ -575,10 +595,12 @@ export default {
 .date {
     width: 280px;
 }
+
 .types {
     height: 28px;
     line-height: 27px;
 }
+
 .site {
     height: 28px;
     line-height: 27px;

src/views/systemManagement/job.vue

@@ -25,10 +25,10 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
-                <el-button type="danger" plain icon="el-icon-close">删除</el-button>
-                <el-button type="warning" icon="el-icon-upload2">导出</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit-outline" @click="amend">修改</el-button>
+                <el-button type="danger" plain icon="el-icon-close" @click="delet">删除</el-button>
+                <el-button type="warning" icon="el-icon-upload2" @click="derive">导出</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -197,15 +197,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -372,6 +376,22 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '只能修改由操作员新增的招聘人员!'
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+        },
+        derive() {
+            this.showDialog = true
+            this.dialogText = '确定导出所有类型吗？'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -414,6 +434,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/systemManagement/menu.vue

@@ -22,8 +22,8 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit-outline" @click="amend">修改</el-button>
                 <el-button type="danger" plain icon="el-icon-s-unfold">展开/折叠</el-button>
             </div>
             <!-- 右侧栏 -->
@@ -207,15 +207,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -385,6 +389,14 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '只能修改由操作员新增的招聘人员!'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -427,6 +439,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/systemManagement/param.vue

@@ -33,10 +33,10 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
-                <el-button type="danger" plain icon="el-icon-close">删除</el-button>
-                <el-button type="warning" icon="el-icon-upload2">导出</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit-outline" @click="amend">修改</el-button>
+                <el-button type="danger" plain icon="el-icon-close" @click="delet">删除</el-button>
+                <el-button type="warning" icon="el-icon-upload2" @click="derive">导出</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -209,15 +209,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -384,6 +388,22 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '只能修改由操作员新增的招聘人员!'
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+        },
+        derive() {
+            this.showDialog = true
+            this.dialogText = '确定导出所有类型吗？'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -426,6 +446,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/systemManagement/public.vue

@@ -25,9 +25,9 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit-outline">修改</el-button>
-                <el-button type="danger"  plain icon="el-icon-close">删除</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit-outline" @click="amend">修改</el-button>
+                <el-button type="danger"  plain icon="el-icon-close" @click="delet">删除</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -206,15 +206,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -384,6 +388,18 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '只能修改由操作员新增的招聘人员!'
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -426,6 +442,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },

src/views/systemManagement/systemRole.vue

@@ -33,10 +33,10 @@
         </div>
         <div class="content">
             <div class="con">
-                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;">新增</el-button>
-                <el-button type="success" icon="el-icon-edit">修改</el-button>
-                <el-button type="danger" plain icon="el-icon-close">删除</el-button>
-                <el-button type="warning" icon="el-icon-upload2">导出</el-button>
+                <el-button type="primary" icon="el-icon-plus" style="margin-left: 30px;" @click="add">新增</el-button>
+                <el-button type="success" icon="el-icon-edit" @click="amend">修改</el-button>
+                <el-button type="danger" plain icon="el-icon-close" @click="delet">删除</el-button>
+                <el-button type="warning" icon="el-icon-upload2" @click="derive">导出</el-button>
             </div>
             <!-- 右侧栏 -->
             <div class="con cons">
@@ -200,15 +200,19 @@
             </div>
         </div>
         <!-- 切换后列表 -->
+        <Dialog :showdWorker="showDialog" :Text="dialogText" @closes="showDialog=false" />
     </div>
 </template>
 
 <script>
+import Dialog from "../components/Dialog.vue";
 import planHeader from "../recruitmentManagement/recruitmentPlan/components/planHeader.vue";
 import planCon from "../recruitmentManagement/recruitmentPlan/components/planCon.vue";
 export default {
     data() {
         return {
+            showDialog: false,
+            dialogText: '',
             currentPage1: 5,
             currentPage2: 5,
             currentPage3: 5,
@@ -375,6 +379,22 @@ export default {
         }
     },
     methods: {
+        add() {
+            this.showDialog = true
+            this.dialogText = '只能由操作员新增招聘人员!'
+        },
+        amend() {
+            this.showDialog = true
+            this.dialogText = '只能修改由操作员新增的招聘人员!'
+        },
+        delet() {
+            this.showDialog = true
+            this.dialogText = '请至少选择一条记录!'
+        },
+        derive() {
+            this.showDialog = true
+            this.dialogText = '确定导出所有类型吗？'
+        },
         handleEdit(index, row) {
             console.log(index, row);
         },
@@ -417,6 +437,7 @@ export default {
     },
     name: "contract",
     components: {
+        Dialog,
         planHeader,
         planCon,
     },