1

src/layouts/MainLayout.vue

@@ -72,6 +72,20 @@ const linksList = [
      
     ]
   },
+  {
+    MenuId: 11,
+    MenuName: '客户管理',
+    MenuIcon: 'school',
+    SubList: [
+      {
+        MenuId: 11-1,
+        MenuName: '客户设置',
+        MenuIcon: 'school',
+        MenuUrl: '/customerSetup'
+      },
+     
+    ]
+  },
   {
     MenuId: 2,
     MenuName: '数据看板',

src/pages/customer/components/customerField.vue

+<template>
+    <div class="q-pa-md customerField">
+        <table class="payTable">
+            <thead>
+                <tr>
+                    <th>字段名称</th>
+                    <th>字段类型</th>
+                    <th>所属部门</th>
+                    <th>是否启用</th>
+                    <th>是否必填</th>
+                    <th width="13%">操作信息</th>
+                    <th width="12%">操作</th>
+                    <th width="4%"></th>
+                </tr>
+            </thead>
+            <tr v-if="data && data.length==0">
+                <td :colspan="8" align="center">暂无数据</td>
+            </tr>
+            <!-- <tr v-for="(item,index) in todos" :key="index">
+                <td><span>{{item.content}}</span></td>
+                <td>
+                    <span v-if="item.IsSystem!=1">{{item.TypeName}}</span>
+                    <span v-if="item.IsSystem==1">系统字段</span>
+                </td> 
+                <td><span>{{item.DeptName}}</span></td>
+                <td>
+                    <q-toggle v-if="item.IsLock==1" v-model="item.Enable" :true-value="1" :false-value="2"
+                        icon="lock" disable />
+                    <q-toggle v-else v-model="item.Enable" :true-value="1" :false-value="2" @input="godelete(item,1,index)" />
+                </td>
+                <td>
+                    <q-toggle v-model="item.Required" :true-value="1" :false-value="2" @input="godelete(item,2,index)"/>
+                </td>
+                <td>
+                    <div>{{item.UpdateByName}}</div>
+                    <div>{{item.UpdateTime}}</div>
+                </td>
+                <td>
+                    <q-btn flat size="xs" icon="edit" style="font-weight:400;color: #3FC4FF" class="q-mr-xs"
+                        label="编辑" @click="goedit(item)" />
+                    <q-btn v-if='item.IsDefault!=1' flat size="xs" icon="delete" color="negative" class="q-mr-xs"
+                        label="删除" @click="godelete(item,3,index)" />
+                </td>
+                <td>
+                    <i class="iconfont icon-weiyi" style="font-size: 14px;color: #777;"></i>
+                </td>
+            </tr> -->
+        </table>
+
+    </div>
+</template>
+<script lang="ts">
+    import { defineComponent, ref, reactive ,computed} from 'vue'
+    import { Todo, Meta } from '@/components/models'
+
+    export default defineComponent({
+        setup() {
+            const data = []
+            return {
+                data
+            }
+        }
+    })
+</script>
+<style>
+    .customerField .payTable {
+        width: 100%;
+        border-collapse: collapse;
+    }
+
+    .customerField .payTable tr th {
+        background: #fff;
+        height: 40px;
+        font-size: 12px;
+        font-weight: bold;
+        color: #2D2D2D;
+        background: #DDDEE0;
+    }
+
+    .customerField .payTable tr {
+        background: #fff;
+        text-align: center;
+        height: 40px;
+    }
+    .customerField .payTable tr td {
+        font-size: 13px;
+        text-align: center;
+        color: #2D2D2D;
+        padding: 10px 0;
+        font-weight: bold;
+        border-bottom: 1px solid #E5E5E5;
+    }
+</style>
\ No newline at end of file

src/pages/customer/customerSetup.vue

+<template>
+    <div class="q-pa-md">
+        <q-page padding style="background: #FFF;border-radius: 10px;">
+            
+            <q-tabs v-model="tab" dense class="text-grey" align="left" active-color="primary" indicator-color="primary" narrow-indicator>
+                <q-tab name="yewumoshi" label="业务模式" />
+                <q-tab name="field" label="客户字段" />
+                <q-tab name="label" label="标签" />
+            </q-tabs>
+            <div v-if="tab=='field'" >
+                 <customerField></customerField>
+            </div>
+
+        </q-page>
+
+    </div>
+</template>
+
+<script lang="ts">
+    import customerField from './components/customerField.vue'
+    import { defineComponent, ref } from 'vue'
+    export default defineComponent({
+        components: { customerField },
+        setup() {
+            return{
+                tab:ref('field')
+            }
+
+        }
+    })
+
+</script>

src/pages/drainage/groupingManage.vue

@@ -12,14 +12,14 @@
       <div class="page-content">
         <q-table :pagination="msg" :rows="rows" :columns="columns" row-key="name" no-data-label="暂无相关数据" flat
           class="sticky-column-table">
-          <!-- <template v-slot:top="props">
+          <template v-slot:top='props'>
             <div class="col-2 q-table__title">分组列表</div>
             <q-space />
             <div class="page-option">
               <q-btn color="accent" size="sm" class="q-mr-md" icon="add" label="新增分组"
                 @click="alert = true,addMsg.Name=''" />
             </div>
-          </template> -->
+          </template>
           <template v-slot:bottom>
             <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="msg.pageCount"
               :input="true" @input="changePage" />

src/router/routes.ts

@@ -11,6 +11,11 @@ const routes: RouteRecordRaw[] = [
 		component: () => import('@/layouts/MainLayout.vue'),
 		children: [{ path: '', component: () => import('@/pages/drainage/groupingManage.vue') }]
 	},
+	{//客户管理  客户设置
+		path: '/customerSetup',
+		component: () => import('@/layouts/MainLayout.vue'),
+		children: [{ path: '', component: () => import('@/pages/customer/customerSetup.vue') }]
+	},
 	
 	{
 		path:'/auth/login',