Skip to content

C
confucius
Commit db8216a3 authored by Mac's avatar Mac
Browse files
Options

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

parent fc4126a2
Show whitespace changes
Inline Side-by-side
Showing with 623 additions and 0 deletions
src/pages/enterprise/customer/CSChild/components/addfield.vue 0 → 100644
View file @ db8216a3
<template>
<div class="addfield" style="padding: 0;margin: 0;">
<q-dialog v-model="Isadd" persistent>
<q-card style="width: 700px; max-width: 80vw;">
<q-card-section>
<div class="text-h6">新建/修改字段</div>
</q-card-section>
<q-separator />
<q-card-section class="q-pt-none" style="margin-top: 15px;">
<q-splitter v-model="splitterModel">
<template v-slot:before>
<q-tabs v-model="tab" vertical @input="getdefault">
<q-tab v-for="(x,y) in tabsList" :key='y' :name="x.name" :label="x.label"
:disable="x.disable" />
</q-tabs>
</template>
<template v-slot:after>
<q-tab-panels v-model="tab" animated swipeable vertical transition-prev="jump-up"
transition-next="jump-up">
<q-tab-panel name="1">
<el-form label-width="120px">
<el-form-item label="字段名称：">
<q-input clearable filled maxlength="8" counter v-model="addMsg.fieldName"
@input="$forceUpdate()" label="字段名称" />
</el-form-item>
<el-form-item label="部门选择：">
<q-radio v-model="addMsg.departmentType" val="1" label="公司字段"
@input='addMsg.departmentId=0' />
<q-radio v-model="addMsg.departmentType" val="2" label="部门字段"
@input='addMsg.departmentId=0' />
<div v-if="addMsg.departmentType==2">
<selectTree :treeData='deptl' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName"
childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
classStr="col-6 q-pb-lg">
</selectTree>
</div>
</el-form-item>
<el-form-item label="字数限制：">
<q-input v-model.number="addMsg.singleLineLimit.characterLimit"
type="number" filled :max='50' :min='0' style="max-width: 200px" />
</el-form-item>
<el-form-item label="输入类型：">
<div class="q-gutter-sm">
<q-checkbox v-model="addMsg.singleLineLimit.characterType"
v-for="(x,y) in checkboxList" :key='y' :val="x.Id"
:label="x.Name" />
</div>
</el-form-item>
<el-form-item label="属性设置：">
<div class="q-gutter-sm">
<q-toggle v-model="addMsg.mustFill" label="必填项" />
<q-toggle v-model="addMsg.enable" label="启用" />
</div>
</el-form-item>
</el-form>
</q-tab-panel>
<q-tab-panel name="2">
<el-form label-width="120px">
<el-form-item label="字段名称：">
<q-input clearable filled maxlength="8" counter v-model="addMsg.fieldName"
@input="$forceUpdate()" label="字段名称" />
</el-form-item>
<el-form-item label="部门选择：">
<q-radio v-model="addMsg.departmentType" val="1" label="公司字段"
@input='addMsg.departmentId=0' />
<q-radio v-model="addMsg.departmentType" val="2" label="部门字段"
@input='addMsg.departmentId=0' />
<div v-if="addMsg.departmentType==2">
<selectTree :treeData='deptl' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName"
childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
classStr="col-6 q-pb-lg">
</selectTree>
</div>
</el-form-item>
<el-form-item label="文字字数：">
<el-input-number v-model="addMsg.num" @change="handleChange" :min="1"
:max="2000"></el-input-number>
</el-form-item>
<el-form-item label="属性设置：">
<div class="q-gutter-sm">
<q-toggle v-model="addMsg.mustFill" label="必填项" />
<q-toggle v-model="addMsg.enable" label="启用" />
</div>
</el-form-item>
</el-form>
</q-tab-panel>
<q-tab-panel name="3">
<el-form label-width="120px">
<el-form-item label="字段名称：">
<q-input clearable filled maxlength="8" counter v-model="addMsg.fieldName"
@input="$forceUpdate()" label="字段名称" />
</el-form-item>
<el-form-item label="部门选择：">
<q-radio v-model="addMsg.departmentType" val="1" label="公司字段"
@input='addMsg.departmentId=0' />
<q-radio v-model="addMsg.departmentType" val="2" label="部门字段"
@input='addMsg.departmentId=0' />
<div v-if="addMsg.departmentType==2">
<selectTree :treeData='deptl' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName"
childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
classStr="col-6 q-pb-lg">
</selectTree>
</div>
</el-form-item>
<el-form-item label="列表选项：">
</el-form-item>
<el-form-item label="属性设置：">
<div class="q-gutter-sm">
<q-toggle v-model="addMsg.mustFill" label="必填项" />
<q-toggle v-model="addMsg.enable" label="启用" />
</div>
</el-form-item>
</el-form>
</q-tab-panel>
<q-tab-panel name="4">
多选
</q-tab-panel>
<q-tab-panel name="5">
<el-form label-width="120px">
<el-form-item label="字段名称：">
<q-input clearable filled maxlength="8" counter v-model="addMsg.fieldName"
@input="$forceUpdate()" label="字段名称" />
</el-form-item>
<el-form-item label="部门选择：">
<q-radio v-model="addMsg.departmentType" val="1" label="公司字段"
@input='addMsg.departmentId=0' />
<q-radio v-model="addMsg.departmentType" val="2" label="部门字段"
@input='addMsg.departmentId=0' />
<div v-if="addMsg.departmentType==2">
<selectTree :treeData='deptl' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName"
childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
classStr="col-6 q-pb-lg">
</selectTree>
</div>
</el-form-item>
<el-form-item label="属性设置：">
<div class="q-gutter-sm">
<q-toggle v-model="addMsg.mustFill" label="必填项" />
<q-toggle v-model="addMsg.enable" label="启用" />
</div>
</el-form-item>
</el-form>
</q-tab-panel>
<q-tab-panel name="6">
<el-form label-width="120px">
<el-form-item label="字段名称：">
<q-input clearable filled maxlength="8" counter v-model="addMsg.fieldName"
@input="$forceUpdate()" label="字段名称" />
</el-form-item>
<el-form-item label="部门选择：">
<q-radio v-model="addMsg.departmentType" val="1" label="公司字段"
@input='addMsg.departmentId=0' />
<q-radio v-model="addMsg.departmentType" val="2" label="部门字段"
@input='addMsg.departmentId=0' />
<div v-if="addMsg.departmentType==2">
<selectTree :treeData='deptl' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName"
childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
classStr="col-6 q-pb-lg">
</selectTree>
</div>
</el-form-item>
<el-form-item label="属性设置：">
<div class="q-gutter-sm">
<q-toggle v-model="addMsg.mustFill" label="必填项" />
<q-toggle v-model="addMsg.enable" label="启用" />
</div>
</el-form-item>
</el-form>
</q-tab-panel>
<q-tab-panel name="7">
<el-form label-width="120px">
<el-form-item label="字段名称：">
<q-input clearable filled maxlength="8" counter v-model="addMsg.fieldName"
@input="$forceUpdate()" label="字段名称" />
</el-form-item>
<el-form-item label="部门选择：">
<q-radio v-model="addMsg.departmentType" val="1" label="公司字段"
@input='addMsg.departmentId=0' />
<q-radio v-model="addMsg.departmentType" val="2" label="部门字段"
@input='addMsg.departmentId=0' />
<div v-if="addMsg.departmentType==2">
<selectTree :treeData='deptl' :defaultArray="returnString"
nodeKey="DeptId" :multiple="false" labelKey="DeptName"
childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
classStr="col-6 q-pb-lg">
</selectTree>
</div>
</el-form-item>
<el-form-item label="小数位数：">
<q-select filled stack-label option-value="Id" option-label="Id"
v-model="addMsg.decimals" ref="Id" :options="decimalslist" label="小数位数"
:dense="false" emit-value map-options />
</el-form-item>
<el-form-item label="属性设置：">
<div class="q-gutter-sm">
<q-toggle v-model="addMsg.mustFill" label="必填项" />
<q-toggle v-model="addMsg.enable" label="启用" />
</div>
</el-form-item>
</el-form>
</q-tab-panel>
</q-tab-panels>
</template>
</q-splitter>
</q-card-section>
<q-separator />
<q-card-actions align="right" class="bg-white">
<q-btn class="q-mr-md" label="取消" @click="getcancel()" />
<q-btn color="accent" class="q-mr-md" label="确定" @click="savewb()" />
</q-card-actions>
</q-card>
</q-dialog>
</div>
</template>
<script>
import selectTree from '../../../../../components/common/select-tree'
//部门
import {
getDeptTree
} from '../../../../../api/system/dept'
const defaultObj = {
departmentId: 0,//部门id 为0时 是公司名字
departmentType: '1',//部门选择
enable: true,//启用
fieldId: 0,
decimals: 0,//小数
num: 0,//文字字数
fieldName: "",//字段名称
fieldOpts:[{itemId:0,name:'',seq:0,}],//多选和单选的值
fieldType: 1,//类型
mustFill: false,//必填
singleLineLimit: {
characterLimit: 50,//字数限制
characterType: [1, 2, 3, 4]//输入类型
},
}
export default {
name: "addfield",
components: {
selectTree,
},
props: {
obj: {
type: Object,
default: {},
},
},
data() {
return {
Isadd: true,
splitterModel: 13,
tab: '1',
tabsList: [
{ name: '1', label: '单行文本', disable: false },
{ name: '2', label: '多行文本', disable: false },
{ name: "3", label: '单选', disable: false },
{ name: "4", label: '多选', disable: false },
{ name: "5", label: '日期', disable: false },
{ name: "6", label: '日期时间', disable: false },
{ name: '7', label: '数值', disable: false },
],
checkboxList: [{ Name: '汉字', Id: 1 }, { Name: '数字', Id: 2 }, { Name: '字母', Id: 3 }, { Name: '符号', Id: 4 }],
decimalslist: [{ Id: 0 }, { Id: 1 }, { Id: 2 }, { Id: 3 }, { Id: 4 }, { Id: 5 }, { Id: 6 }, { Id: 7 }, { Id: 8 }, { Id: 9 }, { Id: 10 }, { Id: 11 },],
addMsg: Object.assign({},defaultObj),
returnString: [], //默认岗位
deptl: [],//部门下拉
}
},
created() {
this.Isadd = true
if (this.obj != null) {
this.addMsg = this.obj
}
this.getDepartList()
},
// watch: { // 监听参数变化
// addMsg: {
// handler: function (val, oldVal) {
// console.log(val,oldVal)
// },
// deep: true
// },
// },
methods: {
savewb() {
},
getcancel() {
this.$emit('getcancel')
},
//获取部门下拉数据
getDepartList(id) {
let msg = {
School_Id: 0
}
getDeptTree(msg).then(res => {
if (res.Code == 1) {
this.deptl = res.Data;
}
})
},
getChild(deptArray) {
var tempStr = "";
if (deptArray && deptArray != '') {
tempStr = deptArray;
}
this.addMsg.departmentId = tempStr
},
a() {
console.log(this.addMsg)
},
handleChange(value) {
},
getdefault(){//新增的时候初始默认值
console.log('进去')
this.addMsg = Object.assign({},defaultObj)
}
}
}
</script>
<style>
</style>
\ No newline at end of file
src/pages/enterprise/customer/CSChild/customerField.vue 0 → 100644
View file @ db8216a3
<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 0 → 100644
View file @ db8216a3
<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
View file @ db8216a3
......@@ -1254,6 +1254,11 @@ const routes = [{
component: () =>
import("pages/enterprise/notHandedOverList")
},
{
path: "/enterprise/customer/customerSetup", //企微 客户管理 客户设置
component: () =>
import("pages/enterprise/customer/customerSetup")
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment