fix: 企微助手 - 群活码 - 表格拖拽排序交互优化

project/src/components/groupCode/createGroupCode.vue

@@ -69,8 +69,16 @@
           />
         </div>
       </div>
+      <!-- S 群管理表格 开启"渠道群管理"时显示 -->
       <div v-show="groupForm.is_limit" class="listBox">
         <el-table border :data="groupForm.chat_id_list" tooltip-effect="dark" :header-cell-style="()=>{return { backgroundColor: '#f9f9f9 !important' }}" style="width: 100%">
+          <el-table-column label="拖拽排序" width="80" align="center">
+            <template slot-scope="{ row }">
+              <div class="drag-handler">
+                <i class="el-icon-rank"  />
+              </div>
+            </template>
+          </el-table-column>
           <el-table-column label="群名称" align="center" prop="name" />
           <el-table-column label="人数上限" align="center">
             <template slot="header" slot-scope="scope">
@@ -97,7 +105,7 @@
             </template>
           </el-table-column>
         </el-table>
-      </div>
+      </div><!-- E 群管理表格 -->
       <!-- E 基础信息 -->
 
       <!-- S 客服设置 -->
@@ -194,8 +202,6 @@ export default {
   created() {
     // 获取分组列表
     this.handleGetGroupOptions()
-    console.log('isEdit => ', this.isEdit)
-    console.log('isCopy => ', this.isCopy)
     // 编辑、复制 => 获取群活码详情
     if (this.isEdit || this.isCopy) {
       this.handleGetDetail()
@@ -208,7 +214,6 @@ export default {
   methods: {
     // 获取群活码详情数据
     async handleGetDetail() {
-      console.log('handleGetDetail => ')
       try {
         this.loading = true
         const { data: res = {} } = await this.$axios.get(this.URL.BASEURL + this.URL.groupCode_ruleDetail, {
@@ -267,6 +272,7 @@ export default {
       const tbody = document.querySelector('.el-table__body-wrapper tbody')
       const _this = this
       Sortable.create(tbody, {
+        handle: '.drag-handler',
         onEnd({ newIndex, oldIndex }) {
           if (newIndex == oldIndex) return
           _this.groupForm.chat_id_list.splice(
@@ -564,4 +570,7 @@ export default {
   cursor: pointer;
   display: inline-block;
 }
+.drag-handler {
+  cursor: move;
+}
 </style>