企微新建客户管理的 客户设置

src/pages/enterprise/customer/CSChild/customerField.vue

+<template>
+    <div class="materialManage page-body">
+
+        <div class="page-content">
+            <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
+                separator="none" title="" :data="data" :columns="columns" row-key="name">
+                <template v-slot:top="props">
+                    <div class="col-2 q-table__title"></div>
+                    <q-space />
+                    <q-btn color="accent" style="float:right;margin-right:0;" size="sm" class="q-mr-md" icon="add"
+                        label="新增字段" @click="goaddfield()"></q-btn>
+                </template>
+                <template v-slot:body-cell-Type="props">
+                    <q-td :props="props">
+                        <span v-if="props.row.Type==1">单行文本</span>
+                        <span v-if="props.row.Type==2">多行文本</span>
+                        <span v-if="props.row.Type==3">单选</span>
+                        <span v-if="props.row.Type==4">多选</span>
+                        <span v-if="props.row.Type==5">日期</span>
+                        <span v-if="props.row.Type==6">日期时间</span>
+                        <span v-if="props.row.Type==7">数值</span>
+                    </q-td>
+                </template>
+                <template v-slot:body-cell-Enable="props">
+                    <q-td :props="props">
+                        <q-toggle v-model="props.row.Enable" :true-value="1" :false-value="2"/>
+                    </q-td>
+                </template>
+                <template v-slot:body-cell-Required="props">
+                    <q-td :props="props">
+                        <q-toggle v-model="props.row.Required" :true-value="1" :false-value="2"/>
+                    </q-td>
+                </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" /> -->
+                </template>
+
+
+
+                <template v-slot:body-cell-optioned="props">
+                    <q-td :props="props">                       
+                        <q-btn flat size="xs" icon="edit" style="font-weight:400;color: #3FC4FF" class="q-mr-xs"
+                            label="编辑" @click="goedit(props.row)" />
+                        <q-btn flat size="xs" icon="delete" color="negative" class="q-mr-xs" label="删除"
+                            @click="goDetailed(props.row)" />
+                    </q-td>
+                </template>
+              
+            </q-table>
+
+            <div v-if="Isadd==true">
+                <addfield :obj='addMsg'  @getcancel='Isadd=false'></addfield>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import addfield from "./components/addfield"
+    export default {
+        components: {
+            addfield
+        },
+
+        data() {
+            return {
+                loading: false,
+                msg:{
+                    pageIndex:1,
+                    rowsPerPage: 9999,
+                },
+                columns: [{
+                    name: 'Name',
+                    label: '字段名称',
+                    field: 'Name',
+                    align: 'left'
+                },
+                {
+                    name: 'Type',
+                    field: 'Type',
+                    label: '字段类型',
+                    align: 'left',
+                },
+                {
+                    name: 'branchName',
+                    field: 'branchName',
+                    label: '所属部门',
+                    align: 'left'
+                },
+                {
+                    name: 'Enable',
+                    field: 'Enable',
+                    label: '是否启用',
+                    align: 'left'
+                },
+                {
+                    name: 'Required',
+                    field: 'Required',
+                    label: '是否必填',
+                    align: 'left'
+                },
+                {
+                    name: 'optioned',
+                    label: '操作',
+                    field: 'DeptId'
+                }
+                ],
+                data:[{Name:"性别",Type:"1",branchName:"成都甲鹤",Name:"性别",Enable:1,Required:2,}],
+                Isadd:false,
+                addMsg:null
+            }
+        },
+        created() {
+        },
+        methods: {
+            goaddfield() {//新增字段
+                this.Isadd = true;
+                this.addMsg=null
+            }
+
+
+        }
+    }
+
+</script>
+
+<style>
+
+
+</style>
\ No newline at end of file

src/pages/enterprise/customer/customerSetup.vue

+<template>
+    <div class="materialManage page-body">
+        <div class="page-search row items-center">
+            <div class="col row wrap q-mr-lg q-col-gutter-md">
+            
+                
+            </div>
+        </div>
+        <div class="page-content">
+            <q-tabs style="margin-bottom:20px;" v-model="tabCheck" narrow-indicator dense align="left"
+                class="text-primary">
+                <q-tab :ripple="false" :name="x.Id" :label="x.Name" v-for="(x,y) in MediumList" :key="y"
+                     />
+            </q-tabs>
+            <div v-if="tabCheck=='0'" >
+                 121212
+            </div>
+            <div v-if="tabCheck=='1'" >
+                 
+                <customerField></customerField>
+            </div>
+           
+        
+            <q-inner-loading :showing="loading">
+                <q-spinner-gears size="50px" color="primary" />
+            </q-inner-loading>
+            
+        </div>
+    </div>
+</template>
+
+<script>
+
+    import {
+       
+    } from '../../../api/system/wechat';
+    import customerField from './CSChild/customerField'
+    export default {
+        components: {
+            customerField,//客户字段
+        },
+        meta: {
+            title: "客户设置"
+        },
+        name: "customerSetup",
+        data() {
+            return {
+                loading: false,
+                MediumList:[{Name:'业务模式',Id:0},{Name:'客户字段',Id:1}],
+                tabCheck:1,
+            }
+        },
+        created() {
+        },
+        methods: {
+           
+        
+
+        }
+    }
+
+</script>
+
+<style>
+    .materialManage .Sysuser_Date .el-input--prefix .el-input__inner {
+        background-color: red;
+        border: 0;
+    }
+
+    .materialManage .state-item {
+        padding: 2px 5px;
+        border-radius: 3px;
+        text-align: center;
+        font-size: 10px;
+    }
+
+    .materialManage .frIdlist {
+        padding: 3px 10px;
+        border-radius: 3px;
+        background: #EEEEEF;
+        align-items: center;
+        justify-content: center;
+        margin-right: 5px;
+        margin-bottom: 5px;
+        cursor: pointer;
+    }
+
+    .class-popover .q-pr-lg {
+        padding-right: 0;
+        margin-top: 20px;
+    }
+
+    .materialManage .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    .materialManage .el-date-editor.el-input input {
+        background-color: transparent !important;
+    }
+
+    .materialManage .el-range-editor .el-range-input {
+        background: none;
+    }
+
+    .Sysuser_Date .el-input__inner {
+        background: transparent !important;
+        border: 0 !important;
+    }
+
+    .materialManage .el-drawer.rtl {
+        overflow: inherit;
+    }
+
+    .materialupload {
+        width: 118px;
+        height: 118px;
+        border-radius: 4px;
+        border: 1px dashed #d9d9d9;
+        background: #fafafa;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 4px;
+    }
+    
+</style>
\ No newline at end of file

src/router/routes.js

@@ -1254,6 +1254,11 @@ const routes = [{
     component: () =>
       import("pages/enterprise/notHandedOverList")
   },
+  {
+    path: "/enterprise/customer/customerSetup", //企微 客户管理 客户设置
+    component: () =>
+      import("pages/enterprise/customer/customerSetup")
+  },