|
|
@@ -0,0 +1,1380 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-main ref="elMain" style="padding: 0px">
|
|
|
+ <Split :gutterSize="2" style="height: calc(100vh - 120px)">
|
|
|
+ <!-- 左侧树Start -->
|
|
|
+ <SplitArea :size="leftSplitWidth" :minSize="240">
|
|
|
+ <div>
|
|
|
+ <!-- <div>
|
|
|
+ <kt-button
|
|
|
+ style="background-color: #ffc000; border: #ffc000"
|
|
|
+ icon="fa fa-plus"
|
|
|
+ label="新增"
|
|
|
+ type="primary"
|
|
|
+ perms="sys:teamchannel:add"
|
|
|
+ @click="handleAddButton"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <el-divider></el-divider> -->
|
|
|
+ <el-tree :data="ztreeNodes" :props="{ children: 'children', label: 'name' }" node-key="id"
|
|
|
+ :default-expanded-keys="['9']" @node-click="onZTreeClick"></el-tree>
|
|
|
+ </div>
|
|
|
+ </SplitArea>
|
|
|
+ <!-- 左侧树End -->
|
|
|
+
|
|
|
+ <!-- 右侧列表页面Start -->
|
|
|
+ <SplitArea :size="rightSplitWidth">
|
|
|
+ <templateTable :searchData.sync="queryFrom" :tableConfig="tableConfig" :data="pageResult" @getList="findPage"
|
|
|
+ @handleSearchList="handleSearchList" :pagination="pageData" :formList="formList" :btnGroup="btnGroup">
|
|
|
+ <!-- <template slot="type" slot-scope="scope">
|
|
|
+ <span
|
|
|
+ :style="{ background: scope.row.type == '1' ? 'linear-gradient( 180deg, #66CDBB 0%, #33A08D 100%)' : '#A6A6A6', borderRadius: '4px', padding: '4px 10px', color: '#fff' }">{{
|
|
|
+ scope.row.type == 1 ? "是" : "否" }}</span>
|
|
|
+ </template> -->
|
|
|
+ </templateTable>
|
|
|
+ </SplitArea>
|
|
|
+ <!-- 右侧列表页面End -->
|
|
|
+ </Split>
|
|
|
+ </el-main>
|
|
|
+ <!-- 关系查询 -->
|
|
|
+ <el-dialog width="40%" top="5vh" :visible.sync="relationshipVisible" :close-on-click-modal="false"
|
|
|
+ @close="closeDialorelationship" v-dialogDrag>
|
|
|
+ <templateTable :tableConfig="tableConfigrelationship" :data="pageResultrelationship"
|
|
|
+ @getList="findPagerelationship" :pagination="relationshippageData">
|
|
|
+ </templateTable>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 比例配制 -->
|
|
|
+ <el-dialog title="一级合伙人佣金比例配置" width="30%" top="5vh" :visible.sync="proportionDialogVisible"
|
|
|
+ :close-on-click-modal="false" @close="closeDialogproportion" v-dialogDrag>
|
|
|
+ <el-form :model="proportionData" :rules="proportionRules" ref="proportionData" label-width="160px" size="small"
|
|
|
+ class="personnelInformation">
|
|
|
+ <el-form-item label="总比例" prop="proportion">
|
|
|
+ <el-input placeholder="请输入内容(不得超过0.5)" style="width: 250px;" disabled v-model="proportionData.proportion">
|
|
|
+ <template slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="一级合伙人" prop="oneProportion">
|
|
|
+ <el-checkbox v-model="proportionData.checked1">设置一级合伙人的分佣比例</el-checkbox>
|
|
|
+ <el-input style="width: 250px;" v-if="proportionData.checked1" placeholder="请输入一位小数的比例"
|
|
|
+ v-model="proportionData.oneProportion">
|
|
|
+ <template slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="二级合伙人" prop="twoProportion">
|
|
|
+ <el-checkbox v-model="proportionData.checked2">设置二级合伙人的分佣比例</el-checkbox>
|
|
|
+ <el-input style="width: 250px;" v-show="proportionData.checked2" placeholder="请输入内容"
|
|
|
+ v-model="proportionData.twoProportion">
|
|
|
+ <template slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="三级合伙人" prop="threeProportion">
|
|
|
+ <el-checkbox v-model="proportionData.checked3">设置三级合伙人的分佣比例</el-checkbox>
|
|
|
+ <el-input style="width: 250px;" v-show="proportionData.checked3" placeholder="请输入内容"
|
|
|
+ v-model="proportionData.threeProportion">
|
|
|
+ <template slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="四级合伙人" prop="fourProportion">
|
|
|
+ <el-checkbox v-model="proportionData.checked4">设置四级合伙人的分佣比例</el-checkbox>
|
|
|
+ <el-input style="width: 250px;" v-show="proportionData.checked4" placeholder="请输入内容"
|
|
|
+ v-model="proportionData.fourProportion">
|
|
|
+ <template slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="五级合伙人" prop="fiveProportion">
|
|
|
+ <el-checkbox v-model="proportionData.checked5">设置五级合伙人的分佣比例</el-checkbox>
|
|
|
+ <el-input style="width: 250px;" v-show="proportionData.checked5" placeholder="请输入内容"
|
|
|
+ v-model="proportionData.fiveProportion">
|
|
|
+ <template slot="append">%</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="proportionDialogVisible = false">取 消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="addproportion('proportionData')">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 新增oneProportion修改界面 -->
|
|
|
+ <el-dialog :title="dialogTitle" width="60%" top="5vh" :visible.sync="dialogVisible" :close-on-click-modal="false"
|
|
|
+ :before-close="handleDialogBefore" :show-close="false" @close="closeDialog" v-dialogDrag class="people-style">
|
|
|
+ <el-tabs v-model="activeName" class="tab-style">
|
|
|
+ <el-tab-pane label="基本信息" name="1">
|
|
|
+ <el-form :model="formData" :rules="formDataRules" ref="formData" :inline="true"
|
|
|
+ @keyup.enter.native="nextStep()" label-width="110px" size="small" label-position="top"
|
|
|
+ class="personnelInformation">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8" v-if="dialogTitle == '新增合伙人'">
|
|
|
+ <el-form-item label="合伙人等级" prop="level">
|
|
|
+ <el-select style="width: 100%" v-model="formData.gradeList" placeholder="请选择" clearable multiple
|
|
|
+ popper-class="select-prop" @change="handlelevelChange">
|
|
|
+ <el-option v-for="val in levelOptions" :label="val.label" :value="val.value"
|
|
|
+ :key="val.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="dialogTitle == '新增合伙人'">
|
|
|
+ <el-form-item label="上级合伙人" prop="referrerId">
|
|
|
+ <el-select filterable :disabled="formData.gradeList?formData.gradeList[0] == 1:false" style="width: 100%" v-model="formData.referrerId"
|
|
|
+ placeholder="请选择" clearable popper-class="select-prop">
|
|
|
+ <el-option v-for="val in managerOptions" :label="val.name" :value="val.userId"
|
|
|
+ :key="val.userId"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="机构名称">
|
|
|
+ <el-cascader style="width: 100%" :options="ztreeNodes" v-model="formData.pdeptId" clearable disabled
|
|
|
+ :show-all-levels="false" :props="{
|
|
|
+ value: 'id',
|
|
|
+ label: 'name',
|
|
|
+ checkStrictly: true,
|
|
|
+ }" @change="handleChange">
|
|
|
+ </el-cascader> </el-form-item></el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="机构部门" prop="deptId">
|
|
|
+ <el-cascader style="width: 100%" :options="ztreeNodes" v-model="formData.deptId" clearable disabled
|
|
|
+ :show-all-levels="false" :props="{
|
|
|
+ value: 'id',
|
|
|
+ label: 'name',
|
|
|
+ checkStrictly: true,
|
|
|
+ }" @change="handleChange">
|
|
|
+ </el-cascader> </el-form-item></el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="岗位" prop="positionId">
|
|
|
+ <el-select style="width: 100%" v-model="formData.positionId" placeholder="请选择" clearable
|
|
|
+ popper-class="select-prop">
|
|
|
+ <el-option v-for="val in postOption" :label="val.postName" :value="val.postId"
|
|
|
+ :key="val.postId"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="工号" prop="id">
|
|
|
+ <el-input v-model="formData.id" disabled style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="姓名" prop="name">
|
|
|
+ <el-input v-model="formData.name" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="手机号" prop="mobile">
|
|
|
+ <el-input v-model="formData.mobile" style="width: 100%" maxlength="11"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="入司时间">
|
|
|
+ <el-date-picker style="width: 100%" v-model="formDataDetail.entryTime" type="date"
|
|
|
+ value-format="yyyy-MM-dd" placeholder="选择日期" popper-class="select-prop">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <el-select disabled style="width: 100%" v-model="formData.status" placeholder="请选择">
|
|
|
+ <el-option v-for="val in user_statusoptions" :label="val.label" :value="val.value"
|
|
|
+ :key="val.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="角色" prop="roleId">
|
|
|
+ <el-select style="width: 100%" v-model="formData.roleId" placeholder="请选择" disabled>
|
|
|
+ <el-option v-for="val in roles" :label="val.name" :value="val.id + ''" :key="val.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="管理人" prop="leaderId">
|
|
|
+ <el-select style="width: 100%" clearable filterable v-model="formData.leaderId" placeholder="请选择"
|
|
|
+ popper-class="select-prop">
|
|
|
+ <el-option v-for="val in leaderOptions" :label="val.name" :value="val.id" :key="val.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="管理人工号" prop="leaderName">
|
|
|
+ <el-input v-model="formData.leaderId" disabled style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="代理人资格证号" prop="agentQualificationCode">
|
|
|
+ <el-input style="width: 100%" v-model="formDataDetail.agentQualificationCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row> </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div class="footerHandle" style="text-align: right">
|
|
|
+ <el-button size="small" type="primary" style="
|
|
|
+ border: 1px solid #D42426;
|
|
|
+ color: #D42426;
|
|
|
+ " class="closeBtn" @click="closeDialog">取消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="nextStep">下一步</el-button>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="详细信息" name="2">
|
|
|
+ <userDetail :formData="formData" :formDataDetail="formDataDetail" ref="formDataDetails" @valids="valids"
|
|
|
+ :isSpeciality="true"></userDetail>
|
|
|
+
|
|
|
+ <div class="footerHandle" style="text-align: right">
|
|
|
+ <!-- <el-button size="small" type="primary" @click="activeName = '1'"
|
|
|
+ >上一步</el-button
|
|
|
+ > -->
|
|
|
+ <el-button size="small" type="primary" style="
|
|
|
+ border: 1px solid #D42426;
|
|
|
+ color: #D42426;
|
|
|
+ " class="closeBtn" @click="closeDialog">取消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="activeName = '3'">下一步</el-button>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="影像资料" name="3">
|
|
|
+ <el-form :model="formDataDetail" ref="formDataDetail" :inline="true" label-width="130px" size="small"
|
|
|
+ class="peopleImage">
|
|
|
+ <peopleImage :dataForm="dataForm" :imagesIdList="imagesIdList" :dialogVisible="dialogVisible"></peopleImage>
|
|
|
+ </el-form>
|
|
|
+ <div class="footerHandle" style="text-align: right">
|
|
|
+ <el-button size="small" type="primary" style="
|
|
|
+ border: 1px solid #D42426;
|
|
|
+ color: #D42426;
|
|
|
+ " class="closeBtn" @click="closeDialog">取消</el-button>
|
|
|
+ <!-- <el-button size="small" type="primary" @click="activeName = '2'"
|
|
|
+ >上一步</el-button
|
|
|
+ > -->
|
|
|
+ <el-button size="small" type="primary" @click="submitForm">提交</el-button>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import KtButton from "@/views/Core/KtButton"; // 按钮权限组件
|
|
|
+import templateTable from "@/components/TemplateTable/index.vue";
|
|
|
+import peopleImage from "@/components/PeopleImage/index.vue"; //影像组件
|
|
|
+import userDetail from "@/components/UserDetail/index.vue"; // 详情信息
|
|
|
+
|
|
|
+import mixa from "../mixin";
|
|
|
+const mixin = new mixa({
|
|
|
+ treeTypeNum: null,
|
|
|
+});
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ KtButton,
|
|
|
+ templateTable,
|
|
|
+ peopleImage,
|
|
|
+ userDetail
|
|
|
+ },
|
|
|
+ mixins: [mixin],
|
|
|
+ watch: {
|
|
|
+ "proportionData.checked1"(val) {
|
|
|
+ if (val) {
|
|
|
+ this.proportionRules.oneProportion[0].required = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.proportionRules.oneProportion[0].required = false
|
|
|
+ this.proportionData.oneProportion = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "proportionData.checked2"(val) {
|
|
|
+ if (val) {
|
|
|
+ this.proportionRules.twoProportion[0].required = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.proportionRules.twoProportion[0].required = false
|
|
|
+ this.proportionData.twoProportion = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "proportionData.checked3"(val) {
|
|
|
+ if (val) {
|
|
|
+ this.proportionRules.threeProportion[0].required = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.proportionRules.threeProportion[0].required = false
|
|
|
+ this.proportionData.threeProportion = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "proportionData.checked4"(val) {
|
|
|
+ if (val) {
|
|
|
+ this.proportionRules.fourProportion[0].required = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.proportionRules.fourProportion[0].required = false
|
|
|
+ this.proportionData.fourProportion = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "proportionData.checked5"(val) {
|
|
|
+ if (val) {
|
|
|
+ this.proportionRules.fiveProportion[0].required = true
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.proportionRules.fiveProportion[0].required = false
|
|
|
+ this.proportionData.fiveProportion = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formDataDetail: {},
|
|
|
+ btnGroup: [{
|
|
|
+ name: '新增合伙人',
|
|
|
+ click: () => this.handleAddButton()
|
|
|
+ }],
|
|
|
+ managerOptions: [],
|
|
|
+ levelOptions: [
|
|
|
+ {
|
|
|
+ label: '创始人',
|
|
|
+ value: '1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '管理人',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '合伙人',
|
|
|
+ value: '3'
|
|
|
+ }, {
|
|
|
+ label: '工作室',
|
|
|
+ value: '4'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ formList: [
|
|
|
+ {
|
|
|
+ label: "姓名",
|
|
|
+ prop: "name",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "手机号",
|
|
|
+ prop: "mobile",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "工号",
|
|
|
+ prop: "userId",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "等级",
|
|
|
+ prop: "grade",
|
|
|
+ type: "select",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: '全部',
|
|
|
+ value: ' '
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '创始人',
|
|
|
+ value: '1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '管理人',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '合伙人',
|
|
|
+ value: '3'
|
|
|
+ }, {
|
|
|
+ label: '工作室',
|
|
|
+ value: '4'
|
|
|
+ }, {
|
|
|
+ label: '团队长',
|
|
|
+ value: '5'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '业务员',
|
|
|
+ value: '6'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "邀请人",
|
|
|
+ prop: "inviter",
|
|
|
+ type: "input",
|
|
|
+ },
|
|
|
+ // ,{
|
|
|
+ // label: "审核状态",
|
|
|
+ // prop: "status",
|
|
|
+ // type: "select",
|
|
|
+ // options:[
|
|
|
+ // {
|
|
|
+ // label:'全部',
|
|
|
+ // value:'0'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // label:'审核通过',
|
|
|
+ // value:'1'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // label:'待审核',
|
|
|
+ // value:'2'
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // label:'审核不通过',
|
|
|
+ // value:'3'
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ ],
|
|
|
+ //影像资料
|
|
|
+ dataForm: {
|
|
|
+ SFZ_01: "",
|
|
|
+ SFZ_02: "",
|
|
|
+ Z6Z_00: "",
|
|
|
+ LD_00: "",
|
|
|
+ YP_00: "",
|
|
|
+ DX_00: "",
|
|
|
+ LZ_01: "",
|
|
|
+ },
|
|
|
+ useroption: [],
|
|
|
+ activeName: "1",
|
|
|
+ imagesIdList: [],
|
|
|
+ leaderOptions: [],
|
|
|
+ formDataRules: {
|
|
|
+ gradeList: [{ required: true, message: "请选择合伙人等级", trigger: "change" }],
|
|
|
+ referrerId: [{ required: true, message: "请选择上级合伙人", trigger: "change" }],
|
|
|
+ deptId: [{ required: true, message: "请选择机构", trigger: "change" }],
|
|
|
+ mobile: [
|
|
|
+ { required: true, message: "请输入手机号", trigger: "blur" },
|
|
|
+ { min: 11, max: 11, message: "请输入11位手机号码", trigger: "blur" },
|
|
|
+ {
|
|
|
+ pattern:
|
|
|
+ /^1(3[0-9]|4[0-9]|5[0-9]|6[2-9]|7[0-9]|8[0-9]|9[0-9])\d{8}$/,
|
|
|
+ message: "请输入正确的手机号",
|
|
|
+ trigger: "blur",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ name: [{ required: true, message: "请填写名称", trigger: "blur" }],
|
|
|
+ status: [{ required: true, message: "请选择状态", trigger: "change" }],
|
|
|
+ roleId: [{ required: true, message: "请填写角色", trigger: "blur" }],
|
|
|
+ },
|
|
|
+ tableConfig: {
|
|
|
+ columns: [
|
|
|
+ // 数据列
|
|
|
+ { prop: "userId", label: "工号", type: "text" },
|
|
|
+ {
|
|
|
+ prop: "userName",
|
|
|
+ label: "名称",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ { prop: "deptId", label: "机构编码", type: "text" },
|
|
|
+ {
|
|
|
+ prop: "deptName",
|
|
|
+ label: "机构名称",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ { prop: "suggestId", label: "推荐人工号", type: "text" },
|
|
|
+ { prop: "suggestName", label: "推荐人名称", type: "text" },
|
|
|
+ { prop: "proportional", label: "抽成比例", type: "text" },
|
|
|
+ {
|
|
|
+ prop: "type", label: "合伙人级别", type: "statMap",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: '全部',
|
|
|
+ value: '0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '一级',
|
|
|
+ value: '1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '二级',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '三级',
|
|
|
+ value: '3'
|
|
|
+ }, {
|
|
|
+ label: '四级',
|
|
|
+ value: '4'
|
|
|
+ }, {
|
|
|
+ label: '五级',
|
|
|
+ value: '5'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
+ isShowIndex: true,
|
|
|
+ operationWidth: 180,
|
|
|
+ optBtns: [
|
|
|
+ {
|
|
|
+ label: "编辑",
|
|
|
+ type: 'text',
|
|
|
+ // hide: (row) => {
|
|
|
+ // return row.type == '1'
|
|
|
+ // },
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.handleTableEdit(row);
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ // {
|
|
|
+ // label: "删除",
|
|
|
+ // type:'text',
|
|
|
+ // hide: (row) => {
|
|
|
+ // return row.type == '1'
|
|
|
+ // },
|
|
|
+ // click: (row, index) => {
|
|
|
+ // return this.handleTableDeleteFlag(row);
|
|
|
+ // },
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ label: "比例配置",
|
|
|
+ type: 'text',
|
|
|
+ hide: (row) => {
|
|
|
+ return row.type == '1'
|
|
|
+ },
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.proportionalAllocation(row);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "关系查询",
|
|
|
+ type: 'text',
|
|
|
+ click: (row, index) => {
|
|
|
+ return this.relationship(row);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ proportional: [
|
|
|
+ { required: true, message: '请输入抽成比例', trigger: 'blur' },
|
|
|
+ ],
|
|
|
+ userName: [
|
|
|
+ { required: true, message: '请选择名称', trigger: 'change' }
|
|
|
+ ],
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ tableConfigrelationship: {
|
|
|
+ columns: [
|
|
|
+ // 数据列
|
|
|
+ {
|
|
|
+ prop: "type", label: "级别", type: "statMap",
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: '全部',
|
|
|
+ value: '0'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '一级',
|
|
|
+ value: '1'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '二级',
|
|
|
+ value: '2'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '三级',
|
|
|
+ value: '3'
|
|
|
+ }, {
|
|
|
+ label: '四级',
|
|
|
+ value: '4'
|
|
|
+ }, {
|
|
|
+ label: '五级',
|
|
|
+ value: '5'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "agencyName",
|
|
|
+ label: "机构名称",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ { prop: "userId", label: "工号", type: "text" },
|
|
|
+ {
|
|
|
+ prop: "userName",
|
|
|
+ label: "姓名",
|
|
|
+ type: "text",
|
|
|
+ },
|
|
|
+ { prop: "suggestName", label: "推荐人", type: "text" },
|
|
|
+ // { prop: "userSex", label: "性别", type: "text" },
|
|
|
+ { prop: "deptName", label: "部门", type: "text" },
|
|
|
+ { prop: "mobile", label: "电话", type: "text" },
|
|
|
+ ],
|
|
|
+ loading: true,
|
|
|
+ isPaginationShow: true,
|
|
|
+ },
|
|
|
+ pageData: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ deptId: JSON.parse(localStorage.getItem("user_data")).deptId,
|
|
|
+ userId: "",
|
|
|
+ realName: "",
|
|
|
+ mobile: "",
|
|
|
+ },
|
|
|
+ relationshippageData: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ },
|
|
|
+ formData: {
|
|
|
+ referrerId:"",
|
|
|
+ roleId: "20",
|
|
|
+ },
|
|
|
+ queryFrom: {},
|
|
|
+ pageResult: [],
|
|
|
+ dialogTitle: "",
|
|
|
+ dialogVisible: false, // 新增编辑界面是否显示
|
|
|
+ sysPartnerOption: [],
|
|
|
+ currentTreeNodeId: '',
|
|
|
+ pdeptId: null,
|
|
|
+ deptId: "99",
|
|
|
+ proportionDialogVisible: false,
|
|
|
+ proportionData: {
|
|
|
+ proportion: '0.5'
|
|
|
+ },
|
|
|
+ proportionRules: {
|
|
|
+ proportion: [
|
|
|
+ { required: true, message: '请输入总比例', trigger: 'blur' },
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (value === '') {
|
|
|
+ callback(new Error('请输入总比例'));
|
|
|
+ } else if (value > 0.5) {
|
|
|
+ callback(new Error('输入的数值不能超过0.5'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ oneProportion: [{ required: false, message: "请输入一级合伙人", trigger: "blur" }, {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ const regex = /^(\d+)?(\.\d{1,2})?$/;
|
|
|
+ if (value && !regex.test(value) || (value > 0.5)) {
|
|
|
+ callback(new Error('输入的数值不能超过0.5,且只保留两位小数'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }],
|
|
|
+ twoProportion: [{ required: false, message: "请输入二级合伙人", trigger: "blur" }, {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ const regex = /^(\d+)?(\.\d{1,2})?$/;
|
|
|
+ if (value && !regex.test(value) || (value > 0.5)) {
|
|
|
+ callback(new Error('输入的数值不能超过0.5,且只保留两位小数'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ threeProportion: [{ required: false, message: "请输入三级合伙人", trigger: "blur" }, {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ const regex = /^(\d+)?(\.\d{1,2})?$/;
|
|
|
+ if (value && !regex.test(value) || (value > 0.5)) {
|
|
|
+ callback(new Error('输入的数值不能超过0.5,且只保留两位小数'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ fourProportion: [{ required: false, message: "请输入四级合伙人", trigger: "blur" }, {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ const regex = /^(\d+)?(\.\d{1,2})?$/;
|
|
|
+ if (value && !regex.test(value) || (value > 0.5)) {
|
|
|
+ callback(new Error('输入的数值不能超过0.5,且只保留两位小数'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ fiveProportion: [{ required: false, message: "请输入五级合伙人", trigger: "blur" }, {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ const regex = /^(\d+)?(\.\d{1,2})?$/;
|
|
|
+ if (value && !regex.test(value) || (value > 0.5)) {
|
|
|
+ callback(new Error('输入的数值不能超过0.5,且只保留两位小数'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ relationshipVisible: false,
|
|
|
+ listData: {},
|
|
|
+ pageResultrelationship: [],
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+
|
|
|
+ created() {
|
|
|
+ this.findPage();
|
|
|
+ this.searchLeaderFun();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ findLeftTreeData: function () {
|
|
|
+ this.$api.insCompany.newGetPartnerDeptTree().then((res) => {
|
|
|
+ this.ztreeNodes = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ searchLeaderFun() {
|
|
|
+ this.$api.user.findHxUserList().then((res) => {
|
|
|
+ this.leaderOptions = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handlelevelChange(val) {
|
|
|
+ val.sort((a, b) => a - b);
|
|
|
+ if (val[0] == 1) {
|
|
|
+ this.formDataRules.referrerId[0].required = false;
|
|
|
+ }else {
|
|
|
+ this.$api.insCompany.partnerselectRecommender(val[0]).then((res) => {
|
|
|
+ this.managerOptions = res.data;
|
|
|
+ });
|
|
|
+ this.formDataRules.referrerId[0].required = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //联级选择器触发事件
|
|
|
+ handleChange(val) {
|
|
|
+ if (val && val.length !== 0) {
|
|
|
+ this.formData.leaderId = "";
|
|
|
+ this.formData.deptId = val.at(-1);
|
|
|
+ this.$api.user
|
|
|
+ .findListByDeptId({ deptId: this.formData.deptId })
|
|
|
+ .then((res) => {
|
|
|
+ this.leaderOptions = res.data;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 下一步
|
|
|
+ nextStep() {
|
|
|
+ this.activeName = "2";
|
|
|
+ },
|
|
|
+ addproportion(formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.$api.insCompany
|
|
|
+ .addProportionConfig({
|
|
|
+ ...this.proportionData,
|
|
|
+ userId: this.listData.userId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: "保存成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.proportionDialogVisible = false;
|
|
|
+ this.$refs["proportionData"].resetFields();
|
|
|
+ this.findPage();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: `保存失败,请重新添加,(${res.msg})`,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ userChange(val) {
|
|
|
+ if (val) {
|
|
|
+ this.formData.userId = this.useroption.find(e => e.name == val).id
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.formData.userId = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ valids(data) {
|
|
|
+ this.detailValid = data;
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ submitForm() {
|
|
|
+ // this.$refs.formDataDetails.$refs.formData.validate((valid) => {
|
|
|
+ // this.formData.identityTime = this.formData.identityTime.join(',')
|
|
|
+ // console.log(valid,this.formData,99999999);
|
|
|
+
|
|
|
+ // this.detailValid= valid;
|
|
|
+ // })
|
|
|
+ this.$refs.formDataDetails.submit();
|
|
|
+ this.formData.leaderName = ''
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.formData.validate((valid) => {
|
|
|
+ if (valid && this.detailValid) {
|
|
|
+ this.$confirm("确认提交吗?", "提示", {}).then(() => {
|
|
|
+ if (this.formData.positionId) {
|
|
|
+ this.formData.positionName = this.postOption.find(
|
|
|
+ (val) => val.postId == this.formData.positionId
|
|
|
+ ).postName;
|
|
|
+ }
|
|
|
+ if (this.formData.leaderId) {
|
|
|
+ this.formData.leaderName = this.leaderOptions.find(
|
|
|
+ (val) => val.id == this.formData.leaderId
|
|
|
+ ).name;
|
|
|
+ }
|
|
|
+ this.formData.type = 4
|
|
|
+ if (this.dialogTitle == "新增合伙人") {
|
|
|
+ this.$api.insCompany
|
|
|
+ .saveByPartner({
|
|
|
+ isPartner: "",
|
|
|
+ esmUserImageVo: this.imagesIdList,
|
|
|
+ sysUser: this.formData,
|
|
|
+ sysUserInfo: this.formDataDetail,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: "保存成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.$refs["formData"].resetFields();
|
|
|
+ this.$refs["formDataDetail"].resetFields();
|
|
|
+ this.findPage();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: `保存失败,请重新添加,(${res.msg})`,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$api.user
|
|
|
+ .updateUserInfo(this.formData.id, {
|
|
|
+ esmUserImageVo: this.imagesIdList,
|
|
|
+ sysUser: this.formData,
|
|
|
+ sysUserInfo: this.formDataDetail,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: "编辑成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.$refs["formData"].resetFields();
|
|
|
+ this.$refs["formDataDetail"].resetFields();
|
|
|
+ this.findPage();
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: `编辑失败,请重新添加,(${res.msg})`,
|
|
|
+ type: "error",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error("请填写全部信息");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }, 200);
|
|
|
+ },
|
|
|
+ // 右侧列表的方法Start
|
|
|
+ findPage(data) {
|
|
|
+ this.tableConfig.loading = true;
|
|
|
+ this.$api.insCompany
|
|
|
+ .partnerqueryPage({
|
|
|
+ ...this.pageData,
|
|
|
+ ...data,
|
|
|
+ deptId: this.currentTreeNodeId
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.tableConfig.loading = false;
|
|
|
+ this.pageResult = res.data.records;
|
|
|
+ this.pageData.pageNum = res.data.pages;
|
|
|
+ this.pageData.pageSize = res.data.size;
|
|
|
+ this.pageData.totalSize = res.data.total;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ suggestChange(e) {
|
|
|
+ this.formData.suggestId = ''
|
|
|
+ if (e) {
|
|
|
+ this.formData.suggestId = this.sysPartnerOption.find(val => val.userName == e).userId
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSearchList(data) {
|
|
|
+ // if(data &&data.level==0){
|
|
|
+ // data.level=''
|
|
|
+ // }
|
|
|
+ let dataP = {
|
|
|
+ ...data,
|
|
|
+ level: data.level == 0 ? '' : data.level
|
|
|
+ }
|
|
|
+ this.findPage(dataP);
|
|
|
+ },
|
|
|
+ // 比例配置
|
|
|
+ proportionalAllocation(row) {
|
|
|
+ this.listData = row
|
|
|
+ this.$api.insCompany
|
|
|
+ .getProportionConfig({ id: row.userId })
|
|
|
+ .then((res) => {
|
|
|
+ this.proportionDialogVisible = true
|
|
|
+ this.proportionData = {
|
|
|
+ checked1: res.data.oneProportion ? true : false,
|
|
|
+ checked2: res.data.twoProportion ? true : false,
|
|
|
+ checked3: res.data.threeProportion ? true : false,
|
|
|
+ checked4: res.data.fourProportion ? true : false,
|
|
|
+ checked5: res.data.fiveProportion ? true : false,
|
|
|
+ ...res.data,
|
|
|
+ // proportion:'0.5'
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.proportionData.proportion = '0.5'
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ // 关系查询
|
|
|
+ relationship(row) {
|
|
|
+ this.relationshipVisible = true
|
|
|
+ this.listData = row
|
|
|
+ this.findPagerelationship()
|
|
|
+ },
|
|
|
+ findPagerelationship() {
|
|
|
+ this.$api.insCompany
|
|
|
+ .getRelationInfo(this.listData.userId)
|
|
|
+ .then((res) => {
|
|
|
+ this.tableConfigrelationship.loading = false;
|
|
|
+ this.pageResultrelationship = res.data;
|
|
|
+ this.relationshippageData.pageNum = res.data.pageNum;
|
|
|
+ this.relationshippageData.pageSize = res.data.pageSize;
|
|
|
+ this.relationshippageData.totalSize = res.data.totalSize;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //编辑人员
|
|
|
+ async handleTableEdit(params) {
|
|
|
+ this.dataForm = {
|
|
|
+ SFZ_01: "",
|
|
|
+ SFZ_02: "",
|
|
|
+ Z6Z_00: "",
|
|
|
+ LD_00: "",
|
|
|
+ YP_00: "",
|
|
|
+ DX_00: "",
|
|
|
+ LZ_01: "",
|
|
|
+ };
|
|
|
+ this.imagesIdList = [];
|
|
|
+ this.activeName = "1";
|
|
|
+ let res = await this.$api.user.getUserDatail(params.userId);
|
|
|
+ if (res.code == 200) {
|
|
|
+ // this.$api.user.findBackUserList1({ agentFlag: 0 }).then((res) => {
|
|
|
+ // this.leaderOptions = res.data;
|
|
|
+ // });
|
|
|
+ res.data.sysUser.status += "";
|
|
|
+ res.data.sysUser.identityTimeArr = res.data.sysUser.identityTime ? res.data.sysUser.identityTime.split(',') : []
|
|
|
+ this.formData = res.data.sysUser;
|
|
|
+ if (this.formData.status == 0) {
|
|
|
+ this.$set(this.formDataRules, "logoutTime", [
|
|
|
+ { required: true, message: "请选择日期", trigger: "change" },
|
|
|
+ ]);
|
|
|
+ } else {
|
|
|
+ this.formDataRules.logoutTime = undefined;
|
|
|
+ }
|
|
|
+ if (res.data.esmUserImageVo.length > 0) {
|
|
|
+ this.imagesIdList = res.data.esmUserImageVo.map((item) => {
|
|
|
+ item.path = process.env.BASE_URL + item.path;
|
|
|
+ this.dataForm[item.type] = item.path;
|
|
|
+ return {
|
|
|
+ imageId: item.imageId,
|
|
|
+ type: item.type,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.formDataDetail = res.data.sysUserInfo ? res.data.sysUserInfo : {};
|
|
|
+ // this.formData.password = ''
|
|
|
+ this.dialogTitle = "编辑合伙人";
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.dialogPassword = false;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 删除单个人员
|
|
|
+ handleTableDeleteFlag(data) {
|
|
|
+ this.$confirm("确认删除?")
|
|
|
+ .then(() => {
|
|
|
+ this.$api.insCompany.sysPartnerDel(data.id).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.findPage();
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => { });
|
|
|
+ },
|
|
|
+ onZTreeClick: function (evt, treeId, treeNode) {
|
|
|
+ console.log(evt)
|
|
|
+ // 点击事件
|
|
|
+ // this.currentTreeNode = evt;
|
|
|
+ // this.deptId = this.currentTreeNode.id;
|
|
|
+ // this.pdeptId = this.currentTreeNode.parentId;
|
|
|
+ // this.pageData.pageNum = 1;
|
|
|
+ // this.findPage();
|
|
|
+ // this.searchLeaderFun();
|
|
|
+ this.currentTreeNode = evt;
|
|
|
+ this.pageData.pageNum = 1;
|
|
|
+ this.pageData.pageSize = 10;
|
|
|
+ this.currentTreeNodeId = this.currentTreeNode.id
|
|
|
+ this.deptId = this.currentTreeNode.id;
|
|
|
+ this.pdeptId = this.currentTreeNode.parentId;
|
|
|
+ this.searchLeaderFun();
|
|
|
+ this.findPage();
|
|
|
+ },
|
|
|
+ //新增人员
|
|
|
+ handleAddButton() {
|
|
|
+ if (this.currentTreeNode == null) {
|
|
|
+ this.$message.info("请选择所属公司或部门");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ this.currentTreeNode.comlevel !='5' ||
|
|
|
+ this.currentTreeNode.managementSource !='5'
|
|
|
+ ) {
|
|
|
+ //团队代理人managementSource为2 渠道为1 后线为空
|
|
|
+ this.$message.info("请选择第六级机构");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.formData = {
|
|
|
+ roleId: "97",
|
|
|
+ status: "2",
|
|
|
+ leaderId: "",
|
|
|
+ deptId: this.deptId,
|
|
|
+ pdeptId: this.pdeptId
|
|
|
+ };
|
|
|
+ this.formDataDetail = {};
|
|
|
+ this.activeName = "1";
|
|
|
+ this.dialogTitle = "新增合伙人";
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.dialogPassword = true;
|
|
|
+ },
|
|
|
+ userChange(val) {
|
|
|
+ if (val) {
|
|
|
+ this.formData.userId = this.useroption.find(e => e.name == val).id
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ this.formData.userId = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleDialogBefore(done) {
|
|
|
+ // 退出对话框之前确认提示
|
|
|
+ this.$confirm("确认关闭?")
|
|
|
+ .then((_) => {
|
|
|
+ done();
|
|
|
+ })
|
|
|
+ .catch((_) => { });
|
|
|
+ },
|
|
|
+ closeDialog() {
|
|
|
+ // 清空数据
|
|
|
+ this.deptInfo = {};
|
|
|
+ this.dialogVisible = false;
|
|
|
+ },
|
|
|
+ closeDialogproportion() {
|
|
|
+ // 清空数据
|
|
|
+ this.proportionData = {};
|
|
|
+ this.proportionDialogVisible = false;
|
|
|
+ },
|
|
|
+ closeDialorelationship() {
|
|
|
+ // 清空数据
|
|
|
+ this.relationshipVisible = false;
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ // submitForm() {
|
|
|
+ // this.$refs.formData.validate((valid) => {
|
|
|
+ // if (valid) {
|
|
|
+ // this.$confirm("确认提交吗?", "提示", {}).then(() => {
|
|
|
+
|
|
|
+ // if (this.dialogTitle == "编辑合伙人") {
|
|
|
+ // this.$api.insCompany
|
|
|
+ // .sysPartnerAdd(this.formData)
|
|
|
+ // .then((res) => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.$message({
|
|
|
+ // message: "保存成功",
|
|
|
+ // type: "success",
|
|
|
+ // });
|
|
|
+ // this.dialogVisible = false;
|
|
|
+ // this.$refs["formData"].resetFields();
|
|
|
+ // this.findPage();
|
|
|
+ // } else {
|
|
|
+ // this.$message({
|
|
|
+ // message: `保存失败,请重新添加,(${res.msg})`,
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // } else {
|
|
|
+ // this.$api.insCompany
|
|
|
+ // .sysPartnerEdit(this.formData)
|
|
|
+ // .then((res) => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.$message({
|
|
|
+ // message: "编辑成功",
|
|
|
+ // type: "success",
|
|
|
+ // });
|
|
|
+ // this.dialogVisible = false;
|
|
|
+ // this.$refs["formData"].resetFields();
|
|
|
+ // this.findPage();
|
|
|
+ // } else {
|
|
|
+ // this.$message({
|
|
|
+ // message: `编辑失败,请重新添加,(${res.msg})`,
|
|
|
+ // type: "error",
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // },
|
|
|
+ // 下一步
|
|
|
+
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.el-divider--horizontal {
|
|
|
+ margin: 4px 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* 顶部查询条件样式Start */
|
|
|
+.queryFrom .el-row {
|
|
|
+ margin: 10px 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.queryFrom .el-form-item {
|
|
|
+ margin-bottom: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.queryFrom .queryButton .el-form-item__content {
|
|
|
+ margin-left: 0px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.disc {
|
|
|
+ -webkit-text-security: disc;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.none {
|
|
|
+ -webkit-text-security: none;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.icon {
|
|
|
+ color: #ccc;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 10px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.people-style {
|
|
|
+
|
|
|
+ // max-height: 500px;
|
|
|
+ .footerHandle {
|
|
|
+ // border-radius: 6px;
|
|
|
+ border-top: 1px solid #f2f2f2;
|
|
|
+ margin-top: 0 !important;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ width: 90px;
|
|
|
+ height: 36px;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 24px;
|
|
|
+ font-weight: 310;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .peopleImage {
|
|
|
+ padding: 0 !important;
|
|
|
+ margin: 0 0 0 6px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .closeBtn {
|
|
|
+ background: #fff !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-col {
|
|
|
+ width: calc(33.3333% - 20px);
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .personnelInformation {
|
|
|
+ padding: 0 !important;
|
|
|
+ margin: 0 0 0 20px !important;
|
|
|
+ max-height: 470px;
|
|
|
+
|
|
|
+ .el-form-item {
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ margin-right: 0px;
|
|
|
+
|
|
|
+ >>>.el-form-item__label {
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 16px;
|
|
|
+ color: #262626;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ >>>.el-input__inner {
|
|
|
+ padding-left: 10px !important;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+ border: 1px solid #eee;
|
|
|
+
|
|
|
+ &::placeholder {
|
|
|
+ color: #999999;
|
|
|
+ font-weight: 300;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >>>.el-textarea__inner {
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid #eeeeee;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ font-family: PingFang SC, PingFang SC;
|
|
|
+
|
|
|
+ &::placeholder {
|
|
|
+ color: #999999;
|
|
|
+ font-weight: 300;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >>>.el-input.is-disabled {
|
|
|
+ .el-input__inner {
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ >>>.el-form-item__error {
|
|
|
+ padding-top: 0;
|
|
|
+ margin-top: 8px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #D42426;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .el-date-editor {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .el-input__prefix {
|
|
|
+ // color: #D42426;
|
|
|
+ // position: absolute;
|
|
|
+ // right: 5px;
|
|
|
+ // left: auto;
|
|
|
+ // display: none;
|
|
|
+ background-image: url('~@/assets/image/people/rili.svg');
|
|
|
+ /* 替换为你的新图标路径 */
|
|
|
+ background-size: cover;
|
|
|
+ /* 覆盖整个元素 */
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ /* 不重复背景图片 */
|
|
|
+ height: 15px;
|
|
|
+ /* 根据实际情况调整高度 */
|
|
|
+ width: 17px;
|
|
|
+ /* 根据实际情况调整宽度 */
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 9px;
|
|
|
+ left: auto;
|
|
|
+
|
|
|
+ .el-icon-date::before {
|
|
|
+ content: '';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input__suffix {
|
|
|
+ position: absolute;
|
|
|
+ right: 25px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .el-dialog {
|
|
|
+ border-radius: 6px;
|
|
|
+
|
|
|
+ .el-dialog__header {
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
+ padding: 0;
|
|
|
+ text-align: center;
|
|
|
+ border-top-left-radius: 6px;
|
|
|
+ border-top-right-radius: 6px;
|
|
|
+
|
|
|
+ .el-dialog__title {
|
|
|
+ color: #333;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-dialog__body {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .el-tabs {
|
|
|
+ .el-tabs__header {
|
|
|
+ padding: 20px 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+
|
|
|
+ .el-tabs__nav {
|
|
|
+ background: #f7f7f7;
|
|
|
+ padding: 0 4px;
|
|
|
+ height: 44px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs__item {
|
|
|
+ width: 120px;
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ background: #f7f7f7;
|
|
|
+ color: #333;
|
|
|
+ font-weight: 310;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs__item.is-active {
|
|
|
+ background: #D42426;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs__active-bar {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs__nav {
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%) !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs__content {
|
|
|
+ border-radius: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|