1

src/@types/index.ts

@@ -136,6 +136,9 @@ export interface AddTeamGroupParams {
   name: string
   tenantId?: number
 }
+export interface Student {
+  ID: number,
+}
 
 export interface AddTeamGroupMemberParams {
   groupId: number

src/components/customer/request-group.vue

 <template>
     <div class="requestgroup">
+        123
+        <div>
+            收快递费老师{{a}}
+            <div class="row" v-for="(x,y) in addMsg" style="margin-bottom: 8px;">
+                <q-select outlined v-model="x.Name" :options="filedList" label="客户字段" />
+            </div>
 
+        </div>
     </div>
 </template>
 <script lang="ts">
-    import { defineComponent, ref, onMounted } from 'vue'
+    import { defineComponent, ref,reactive, onMounted } from 'vue'
+    import { Student } from '@/@types/index'
     import customerService from '@/api/customer'
     export default defineComponent({
         setup() {
-            const filedList = ref([])
+            
+            let filedList: Array<Student> = reactive([])
             const addMsg = ref([])
 
-
             onMounted(() => {//进入页面就调用
                 getCustomerFiledList();//获取客户字段
             })
             const getCustomerFiledList = () => {
+
+
                 customerService.getCustomerFiledList({ Enable: 1 }).then((res) => {
                     let data = res.data.Data
-                    filedList.value = data;
-                    filedList.value.forEach(x=>{// IsCustom 是否自定义字段 1是 2标签 3阶段
-                        x.IsCustom = 1
-                    })
-                    let obj = { Id: '客户阶段', Name: '客户阶段', Type: 4 ,IsCustom:3}
-                    filedList.value.unshift(obj)
-                    let obj2 = { Id: '标签', Name: '标签', Type: 3 ,IsCustom:2}
-                    filedList.value.unshift(obj2)
-                    addMsg.value.push({
-                        Name:filedList.value[0].Id,
-                        Type:filedList.value,
-                        Direction:1,
-                        StartValue:'',
-                        EndValue:'',
-                        IsCustom:2,
-                    })
+                    console.log(data)
+                    filedList = data;
+                    filedList.forEach((x:Student) => {// IsCustom 是否自定义字段 1是 2标签 3阶段
+                        x.ID=0
+                    }) 
+                    // let obj = { Id: '客户阶段', Name: '客户阶段', Type: 3, IsCustom: 3 }
+                    // filedList.value.unshift(obj)
+                    // let obj2 = { Id: '标签', Name: '标签', Type: 4, IsCustom: 2 }
+                    // filedList.value.unshift(obj2)
+                    // let type = 1;
+                    // if (filedList.value[0].Type == 4) {//多选
+                    //     type = 1;
+                    // }
+                    // addMsg.value.push({
+                    //     Name: filedList.value[0].Id,
+                    //     Type: type,
+                    //     Direction: '',
+                    //     StartValue: '',
+                    //     EndValue: '',
+                    //     IsCustom: filedList.value[0].IsCustom,
+                    //     StageId: '',
+                    //     LableIds:'',
+                    // })
                 })
             }
 
@@ -41,7 +58,8 @@
 
 
             return {
-                getCustomerFiledList
+                getCustomerFiledList,
+
             }
         }
 

src/pages/customer/components/customerField.vue

@@ -17,7 +17,7 @@
             <tr v-if="data && data.length==0">
                 <td :colspan="8" align="center">暂无数据</td>
             </tr>
-            <draggable v-model="data" tag="tbody" item-key="Id" :move="getdata"  @update="datadragEnd" :clone="cloneFun">
+            <draggable v-model="data" tag="tbody" item-key="Id" :move="getdata"  @update="datadragEnd" >
                 <template #item="{ element }">
                     <tr>
                         <td><span>{{element.Name}}</span></td>