事件管理标记按钮

src/views/modules/shequzhili/event/eventList.vue

@@ -127,14 +127,18 @@
               </el-select>
 
             </el-form-item>
-            <el-button style="margin-left:30px"
+            <el-row>
+              <el-col :span="24" align="right">
+                <el-button style="margin-left:30px"
                        size="small"
                        type="primary " 
                        @click="handleSearch">查询</el-button>
-            <el-button style="margin-left:10px"
+                <el-button style="margin-left:10px"
                        size="small"
                        class="diy-button--white"
                        @click="resetSearch">重置</el-button>
+              </el-col>
+            </el-row>
           </div>
         </el-form>
       </div>
@@ -151,11 +155,18 @@
                      class="diy-button--white"
                      size="small">导出</el-button>
 
-          <el-button @click="handleMarkDiffcult"
-                     size="small"
-                     type="primary"
-                     >标记痛点难点</el-button>
-
+          <el-dropdown size="small"
+                       split-button type="primary"
+                       style="margin:0 10px;height: 32px;"
+                       @command="(command) =>handleMarkDiffcult(command, scope.row)"
+                       >
+                    标记痛点难点
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item command="1">标记为难点堵点</el-dropdown-item>
+                      <el-dropdown-item command="2">标记为矛盾纠纷</el-dropdown-item>
+                      <el-dropdown-item command="3">标记为自身问题</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
           <el-button @click="handleCancalDiffcult"
                      class="diy-button--white"
                      size="small">取消标记痛点难点</el-button>
@@ -537,12 +548,12 @@ export default {
       });
       console.log(this.multipleSelection)
     },
-    async handleMarkDiffcult () {
+    async handleMarkDiffcult (command) {
       const url = "/governance/icEvent/difficultpointevent"
 
       let params = {
         icEventIdList: this.multipleSelection,
-        type: "1"
+        type: command
       }
 
       const { data, code, msg } = await requestPost(url, params)
@@ -834,4 +845,8 @@ export default {
     width: 200px;
   }
 }
+  ::v-deep .el-dropdown__caret-button{
+  height: 32px;
+}
+
 </style>