|
|
@@ -1,48 +1,42 @@
|
|
|
<template>
|
|
|
- <div class="setupManager">
|
|
|
- <el-main ref="elMain" style="padding: 0px">
|
|
|
- <Split :gutterSize="2" style="height: calc(100vh - 160px)">
|
|
|
- <SplitArea :size="leftSplitWidth" :minSize="240">
|
|
|
- <div class="container_left">
|
|
|
- <div class="search">
|
|
|
- <el-input v-model="filterText" size="small" placeholder="请输入姓名" suffix-icon="el-icon-search"></el-input>
|
|
|
- </div>
|
|
|
- <el-tree
|
|
|
- ref="tree"
|
|
|
- :data="treeData"
|
|
|
- :highlight-current="true"
|
|
|
- :current-node-key="currentKey"
|
|
|
- :filter-node-method="filterNode"
|
|
|
- @node-click="handleNodeClick"
|
|
|
- >
|
|
|
- <div class="custom-tree-node" slot-scope="{ node, data }">
|
|
|
- <span>{{ data.name }}</span>
|
|
|
- <span class="totalNum">{{ data.totalNum }}</span>
|
|
|
- </div>
|
|
|
+ <div class="setupManager">
|
|
|
+ <el-main ref="elMain" style="padding: 0px">
|
|
|
+ <Split :gutterSize="2" style="height: calc(100vh - 160px)">
|
|
|
+ <SplitArea :size="leftSplitWidth" :minSize="240">
|
|
|
+ <div class="container_left">
|
|
|
+ <div class="search">
|
|
|
+ <el-input v-model="filterText" size="small" placeholder="请输入姓名" suffix-icon="el-icon-search"></el-input>
|
|
|
+ </div>
|
|
|
+ <el-tree ref="tree" :data="treeData" :highlight-current="true" :current-node-key="currentKey"
|
|
|
+ :filter-node-method="filterNode" @node-click="handleNodeClick">
|
|
|
+ <div class="custom-tree-node" slot-scope="{ node, data }">
|
|
|
+ <span>{{ data.name }}</span>
|
|
|
+ <span class="totalNum">{{ data.totalNum }}</span>
|
|
|
+ </div>
|
|
|
|
|
|
- </el-tree>
|
|
|
- </div>
|
|
|
- </SplitArea>
|
|
|
- <SplitArea :size="rightSplitWidth">
|
|
|
- <div class="container_right">
|
|
|
- <el-row >
|
|
|
- <el-form ref="queryFormRef" :inline="false" :model="queryFrom" label-position="left" label-width="60px">
|
|
|
- <el-col :lg="6" :md="8">
|
|
|
- <el-form-item label="工号">
|
|
|
- <el-input size="small" clearable placeholder="请输入工号" v-model="queryFrom.userId"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :lg="6" :md="8">
|
|
|
- <el-form-item label="姓名">
|
|
|
- <el-input size="small" clearable placeholder="请输入姓名" v-model="queryFrom.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :lg="6" :md="8">
|
|
|
- <el-form-item label="联系电话" label-width="70px">
|
|
|
- <el-input size="small" clearable placeholder="请输入联系电话" v-model="queryFrom.mobile"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="6">
|
|
|
+ </el-tree>
|
|
|
+ </div>
|
|
|
+ </SplitArea>
|
|
|
+ <SplitArea :size="rightSplitWidth">
|
|
|
+ <div class="container_right">
|
|
|
+ <el-row>
|
|
|
+ <el-form ref="queryFormRef" :inline="false" :model="queryFrom" label-position="left" label-width="60px">
|
|
|
+ <el-col :lg="6" :md="8">
|
|
|
+ <el-form-item label="工号">
|
|
|
+ <el-input size="small" clearable placeholder="请输入工号" v-model="queryFrom.userId"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :lg="6" :md="8">
|
|
|
+ <el-form-item label="姓名">
|
|
|
+ <el-input size="small" clearable placeholder="请输入姓名" v-model="queryFrom.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :lg="6" :md="8">
|
|
|
+ <el-form-item label="联系电话" label-width="70px">
|
|
|
+ <el-input size="small" clearable placeholder="请输入联系电话" v-model="queryFrom.mobile"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="6">
|
|
|
<el-form-item label="状态">
|
|
|
<el-select size="small" clearable v-model="queryFrom.status" placeholder="请选择">
|
|
|
<el-option v-for="val in user_statusoptions"
|
|
|
@@ -53,558 +47,548 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col> -->
|
|
|
- <el-col :lg="6" :md="8" style="padding-left: 20px;">
|
|
|
- <el-form-item label>
|
|
|
- <el-button size="small"
|
|
|
- type="primary"
|
|
|
- @click="queryStaffInfo">查询
|
|
|
- </el-button>
|
|
|
- <el-button size="small"
|
|
|
- type="default"
|
|
|
- @click="reset">重置
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-bottom: 20px">
|
|
|
- <el-button size="small"
|
|
|
- type="primary"
|
|
|
- @click="BatchSettingsDialog">批量设置
|
|
|
- </el-button>
|
|
|
- <el-button size="small"
|
|
|
- type="primary"
|
|
|
- :disabled="selection.length == 0"
|
|
|
- @click="BatchCancellation">批量取消
|
|
|
- </el-button>
|
|
|
- </el-row>
|
|
|
- <kt-common-table ref="ktcommontable"
|
|
|
- :data="pageResult"
|
|
|
- :columns="columns"
|
|
|
- :showBatchDelete="false"
|
|
|
- :select="true"
|
|
|
- :showOperation="false"
|
|
|
- :showDefaultPage="false"
|
|
|
- @findPage="queryList"
|
|
|
- @selectionChange="selectionChange">
|
|
|
- </kt-common-table>
|
|
|
- </div>
|
|
|
-
|
|
|
- </SplitArea>
|
|
|
- </Split>
|
|
|
- </el-main>
|
|
|
- <el-dialog :title="settingDialog.title" :visible.sync="settingDialog.visible"
|
|
|
- :close-on-press-escape="false"
|
|
|
- @close="resetForm"
|
|
|
- :show-close="false"
|
|
|
- style="overflow: hidden;"
|
|
|
- custom-class="settingDialog"
|
|
|
- v-dialogDrag
|
|
|
- top="1vh">
|
|
|
- <el-row >
|
|
|
- <el-form ref="queryFormRef" :inline="false" :model="settingDialog.queryFrom" label-position="left" label-width="60px">
|
|
|
- <el-col :span="6" >
|
|
|
- <el-form-item label="工号">
|
|
|
- <el-input size="small" clearable placeholder="请输入工号" v-model="settingDialog.queryFrom.userId"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" >
|
|
|
- <el-form-item label="姓名">
|
|
|
- <el-input size="small" clearable placeholder="请输入姓名" v-model="settingDialog.queryFrom.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" >
|
|
|
- <el-form-item label="联系电话" label-width="70px">
|
|
|
- <el-input size="small" clearable placeholder="请输入联系电话" v-model="settingDialog.queryFrom.mobile"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" >
|
|
|
- <el-form-item label>
|
|
|
- <el-button size="small"
|
|
|
- type="primary"
|
|
|
- @click="queryDialogList()">查询
|
|
|
- </el-button>
|
|
|
- <el-button size="small"
|
|
|
- type="default"
|
|
|
- @click="resetDialog">重置
|
|
|
- </el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
+ <el-col :lg="6" :md="8" style="padding-left: 20px;">
|
|
|
+ <el-form-item label>
|
|
|
+ <el-button size="small" type="primary" @click="queryStaffInfo">查询
|
|
|
+ </el-button>
|
|
|
+ <el-button size="small" type="default" @click="reset">重置
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
</el-row>
|
|
|
- <kt-common-table ref="ktcommontable"
|
|
|
- :tableHeights="437"
|
|
|
- :data="settingDialog.pageResult"
|
|
|
- :columns="columns"
|
|
|
- :showBatchDelete="false"
|
|
|
- :select="true"
|
|
|
- :showOperation="false"
|
|
|
- @findPage="queryDialogList"
|
|
|
- @selectionChange="selectionDialogChange">
|
|
|
+ <el-row style="margin-bottom: 20px">
|
|
|
+ <el-button size="small" type="primary" @click="BatchSettingsDialog">批量设置
|
|
|
+ </el-button>
|
|
|
+ <el-button size="small" type="primary" :disabled="selection.length == 0" @click="BatchCancellation">批量取消
|
|
|
+ </el-button>
|
|
|
+ </el-row>
|
|
|
+ <kt-common-table ref="ktcommontable" :data="pageResult" :columns="columns" :showBatchDelete="false"
|
|
|
+ :select="true" :showOperation="false" :showDefaultPage="false" @findPage="queryList"
|
|
|
+ @selectionChange="selectionChange">
|
|
|
</kt-common-table>
|
|
|
- <div class="footerHandle" style="text-align: right">
|
|
|
- <el-button
|
|
|
- size="small"
|
|
|
- style="border: 1px solid #D42426;
|
|
|
- color: #D42426;"
|
|
|
- class="closeBtn"
|
|
|
- @click="closeDialog"
|
|
|
- >取消</el-button
|
|
|
- >
|
|
|
- <el-button size="small" type="primary" :disabled="selectionDialog.leng == 0" @click="BatchSettings"
|
|
|
- >确定</el-button
|
|
|
- >
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </SplitArea>
|
|
|
+ </Split>
|
|
|
+ </el-main>
|
|
|
+ <el-dialog :title="settingDialog.title" :visible.sync="settingDialog.visible" :close-on-press-escape="false"
|
|
|
+ @close="resetForm" :show-close="false" style="overflow: hidden;" custom-class="settingDialog" v-dialogDrag
|
|
|
+ top="1vh">
|
|
|
+ <el-row>
|
|
|
+ <el-form ref="queryFormRef" :inline="false" :model="settingDialog.queryFrom" label-position="left"
|
|
|
+ label-width="60px">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="工号">
|
|
|
+ <el-input size="small" clearable placeholder="请输入工号" v-model="settingDialog.queryFrom.userId"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="姓名">
|
|
|
+ <el-input size="small" clearable placeholder="请输入姓名" v-model="settingDialog.queryFrom.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="联系电话" label-width="70px">
|
|
|
+ <el-input size="small" clearable placeholder="请输入联系电话"
|
|
|
+ v-model="settingDialog.queryFrom.mobile"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label>
|
|
|
+ <el-button size="small" type="primary" @click="queryDialogList()">查询
|
|
|
+ </el-button>
|
|
|
+ <el-button size="small" type="default" @click="resetDialog">重置
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ <kt-common-table ref="ktcommontable" :tableHeights="437" :data="settingDialog.pageResult" :columns="columns"
|
|
|
+ :showBatchDelete="false" :select="true" :showOperation="false" @findPage="queryDialogList"
|
|
|
+ @selectionChange="selectionDialogChange">
|
|
|
+ </kt-common-table>
|
|
|
+ <div class="footerHandle" style="text-align: right">
|
|
|
+ <el-button size="small" style="border: 1px solid #D42426;
|
|
|
+ color: #D42426;" class="closeBtn" @click="closeDialog">取消</el-button>
|
|
|
+ <el-button size="small" type="primary" :disabled="selectionDialog.leng == 0"
|
|
|
+ @click="BatchSettings">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import mixa from "../mixin";
|
|
|
import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
|
|
|
const mixin = new mixa({
|
|
|
- treeTypeNum: null
|
|
|
+ treeTypeNum: null
|
|
|
});
|
|
|
export default {
|
|
|
- name: 'setupManager',
|
|
|
- components: {
|
|
|
- KtCommonTable,
|
|
|
+ name: 'setupManager',
|
|
|
+ components: {
|
|
|
+ KtCommonTable,
|
|
|
+ },
|
|
|
+ mixins: [mixin],
|
|
|
+ watch: {
|
|
|
+ filterText(val) {
|
|
|
+ this.$refs.tree.filter(val);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ treeData: [], //左侧树数据
|
|
|
+ currentKey: '', //选中的左侧节点
|
|
|
+ pageResult: {}, //表格数据
|
|
|
+ columns: [ //表格列
|
|
|
+ { prop: "deptId", label: "部门编码", minWidth: 80, sortable: false },
|
|
|
+ { prop: "pdeptName", label: "机构名称", minWidth: 120, sortable: false },
|
|
|
+ { prop: "deptName", label: "部门名称", minWidth: 80, sortable: false },
|
|
|
+ { prop: "userId", label: "工号", minWidth: 80, sortable: false },
|
|
|
+ { prop: "name", label: "姓名", minWidth: 120, sortable: false },
|
|
|
+ // { prop: "sex", label: "性别", minWidth: 80, sortable: false, isSex: true },
|
|
|
+ { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
|
|
|
+ // { prop: "roleId", label: "角色", minWidth: 80, sortable: false },
|
|
|
+ // { prop: "submitTime", label: "提交时间", type: "text", minWidth: 100 },
|
|
|
+ // { prop: "approveTime", label: "审核时间", type: "text", minWidth: 100 },
|
|
|
+ { prop: "approveBy", label: "审核人", type: "text", minWidth: 100 },
|
|
|
+ { prop: "leaderName", label: "管理人", type: "text", minWidth: 100 },
|
|
|
+ // { prop: "status", label: "状态", minWidth: 120, sortable: false, isStatus: true },
|
|
|
+ ],
|
|
|
+ queryFrom: { //查询参数
|
|
|
+ userId: "",
|
|
|
+ name: "",
|
|
|
+ mobile: "",
|
|
|
+ status: "",
|
|
|
+ roleId: "20",
|
|
|
+ agentFlag: "2"
|
|
|
+ },
|
|
|
+ pageData: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ },
|
|
|
+ selection: [],
|
|
|
+ selectionDialog: [],
|
|
|
+ filterText: '',
|
|
|
+ leaderName: '',
|
|
|
+ selectedName: '',
|
|
|
+ settingDialog: {
|
|
|
+ title: '设置管理人',
|
|
|
+ visible: false,
|
|
|
+ columns: [ //表格列
|
|
|
+ { prop: "deptId", label: "部门编码", minWidth: 80, sortable: false },
|
|
|
+ { prop: "pdeptName", label: "机构名称", minWidth: 120, sortable: false },
|
|
|
+ { prop: "deptName", label: "部门名称", minWidth: 80, sortable: false },
|
|
|
+ { prop: "userId", label: "工号", minWidth: 80, sortable: false },
|
|
|
+ { prop: "name", label: "姓名", minWidth: 120, sortable: false },
|
|
|
+ // { prop: "sex", label: "性别", minWidth: 80, sortable: false, isSex: true },
|
|
|
+ { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
|
|
|
+ // { prop: "roleId", label: "角色", minWidth: 80, sortable: false },
|
|
|
+ // { prop: "submitTime", label: "提交时间", type: "text", minWidth: 100 },
|
|
|
+ // { prop: "approveTime", label: "审核时间", type: "text", minWidth: 100 },
|
|
|
+ { prop: "approveBy", label: "审核人", type: "text", minWidth: 100 },
|
|
|
+ // { prop: "leaderName", label: "管理人", type: "text", minWidth: 100 },
|
|
|
+ // { prop: "status", label: "状态", minWidth: 120, sortable: false, isStatus: true },
|
|
|
+ ],
|
|
|
+ pageData: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ },
|
|
|
+ queryFrom: { //查询参数
|
|
|
+ userId: "",
|
|
|
+ name: "",
|
|
|
+ mobile: "",
|
|
|
+ status: "",
|
|
|
+ roleId: "20",
|
|
|
+ agentFlag: "2"
|
|
|
+ },
|
|
|
+ pageResult: {}, //表格数据
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ // this.$nextTick(() =>{
|
|
|
+ this.searchLeaderFun();
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ filterNode(value, data) {
|
|
|
+ if (!value) return true;
|
|
|
+ return data.name.indexOf(value) !== -1;
|
|
|
},
|
|
|
- mixins: [mixin],
|
|
|
- watch: {
|
|
|
- filterText(val) {
|
|
|
- this.$refs.tree.filter(val);
|
|
|
+ queryStaffInfo() { //按搜索条件搜索右侧列表
|
|
|
+ this.pageData = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
}
|
|
|
+ this.queryList();
|
|
|
},
|
|
|
- data(){
|
|
|
- return {
|
|
|
- treeData: [], //左侧树数据
|
|
|
- currentKey: '', //选中的左侧节点
|
|
|
- pageResult: {}, //表格数据
|
|
|
- columns: [ //表格列
|
|
|
- { prop: "deptId", label: "部门编码", minWidth: 80, sortable: false },
|
|
|
- { prop: "pdeptName", label: "机构名称", minWidth: 120, sortable: false },
|
|
|
- { prop: "deptName", label: "部门名称", minWidth: 80, sortable: false },
|
|
|
- { prop: "userId", label: "工号", minWidth: 80, sortable: false },
|
|
|
- { prop: "name", label: "姓名", minWidth: 120, sortable: false },
|
|
|
- // { prop: "sex", label: "性别", minWidth: 80, sortable: false, isSex: true },
|
|
|
- { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
|
|
|
- // { prop: "roleId", label: "角色", minWidth: 80, sortable: false },
|
|
|
- // { prop: "submitTime", label: "提交时间", type: "text", minWidth: 100 },
|
|
|
- // { prop: "approveTime", label: "审核时间", type: "text", minWidth: 100 },
|
|
|
- { prop: "approveBy", label: "审核人", type: "text", minWidth: 100 },
|
|
|
- { prop: "leaderName", label: "管理人", type: "text", minWidth: 100 },
|
|
|
- // { prop: "status", label: "状态", minWidth: 120, sortable: false, isStatus: true },
|
|
|
- ],
|
|
|
- queryFrom: { //查询参数
|
|
|
- userId: "",
|
|
|
- name: "",
|
|
|
- mobile: "",
|
|
|
- status: "",
|
|
|
- roleId: "20",
|
|
|
- agentFlag: "2"
|
|
|
- },
|
|
|
- pageData: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- },
|
|
|
- selection: [],
|
|
|
- selectionDialog: [],
|
|
|
- filterText: '',
|
|
|
- leaderName: '',
|
|
|
- selectedName:'',
|
|
|
- settingDialog: {
|
|
|
- title: '设置管理人',
|
|
|
- visible: false,
|
|
|
- columns: [ //表格列
|
|
|
- { prop: "deptId", label: "部门编码", minWidth: 80, sortable: false },
|
|
|
- { prop: "pdeptName", label: "机构名称", minWidth: 120, sortable: false },
|
|
|
- { prop: "deptName", label: "部门名称", minWidth: 80, sortable: false },
|
|
|
- { prop: "userId", label: "工号", minWidth: 80, sortable: false },
|
|
|
- { prop: "name", label: "姓名", minWidth: 120, sortable: false },
|
|
|
- // { prop: "sex", label: "性别", minWidth: 80, sortable: false, isSex: true },
|
|
|
- { prop: "mobile", label: "联系电话", minWidth: 100, sortable: false },
|
|
|
- // { prop: "roleId", label: "角色", minWidth: 80, sortable: false },
|
|
|
- // { prop: "submitTime", label: "提交时间", type: "text", minWidth: 100 },
|
|
|
- // { prop: "approveTime", label: "审核时间", type: "text", minWidth: 100 },
|
|
|
- { prop: "approveBy", label: "审核人", type: "text", minWidth: 100 },
|
|
|
- // { prop: "leaderName", label: "管理人", type: "text", minWidth: 100 },
|
|
|
- // { prop: "status", label: "状态", minWidth: 120, sortable: false, isStatus: true },
|
|
|
- ],
|
|
|
- pageData: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- },
|
|
|
- queryFrom: { //查询参数
|
|
|
- userId: "",
|
|
|
- name: "",
|
|
|
- mobile: "",
|
|
|
- status: "",
|
|
|
- roleId: "20",
|
|
|
- agentFlag: "2"
|
|
|
- },
|
|
|
- pageResult: {}, //表格数据
|
|
|
- }
|
|
|
+ reset() { //重置搜索条件
|
|
|
+ this.queryFrom = { //查询参数
|
|
|
+ userId: "",
|
|
|
+ name: "",
|
|
|
+ mobile: "",
|
|
|
+ status: "",
|
|
|
+ roleId: "20",
|
|
|
+ agentFlag: "2"
|
|
|
+ },
|
|
|
+ this.pageData = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
}
|
|
|
+ this.queryList();
|
|
|
},
|
|
|
- created(){
|
|
|
- // this.$nextTick(() =>{
|
|
|
- this.searchLeaderFun();
|
|
|
- // })
|
|
|
+ resetDialog() { //重置弹窗搜索
|
|
|
+ this.settingDialog.queryFrom = { //查询参数
|
|
|
+ userId: "",
|
|
|
+ name: "",
|
|
|
+ mobile: "",
|
|
|
+ status: "",
|
|
|
+ roleId: "20",
|
|
|
+ agentFlag: "2"
|
|
|
+ },
|
|
|
+ this.settingDialog.pageData = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ }
|
|
|
+ this.queryDialogList();
|
|
|
},
|
|
|
- methods: {
|
|
|
- filterNode(value, data) {
|
|
|
- if (!value) return true;
|
|
|
- return data.name.indexOf(value) !== -1;
|
|
|
- },
|
|
|
- queryStaffInfo(){ //按搜索条件搜索右侧列表
|
|
|
- this.pageData = {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- }
|
|
|
- this.queryList();
|
|
|
- },
|
|
|
- reset(){ //重置搜索条件
|
|
|
- this.queryFrom = { //查询参数
|
|
|
- userId: "",
|
|
|
- name: "",
|
|
|
- mobile: "",
|
|
|
- status: "",
|
|
|
- roleId: "20",
|
|
|
- agentFlag: "2"
|
|
|
- },
|
|
|
- this.pageData = {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- }
|
|
|
- this.queryList();
|
|
|
- },
|
|
|
- resetDialog(){ //重置弹窗搜索
|
|
|
- this.settingDialog.queryFrom = { //查询参数
|
|
|
- userId: "",
|
|
|
- name: "",
|
|
|
- mobile: "",
|
|
|
- status: "",
|
|
|
- roleId: "20",
|
|
|
- agentFlag: "2"
|
|
|
- },
|
|
|
- this.settingDialog.pageData = {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- }
|
|
|
- this.queryDialogList();
|
|
|
- },
|
|
|
- searchLeaderFun(){ //查询左侧树
|
|
|
- this.$api.user.getManageList({
|
|
|
- roleId: "20",
|
|
|
- agentFlag: "2"
|
|
|
- }).then((res) => {
|
|
|
- this.treeData = res.data;
|
|
|
- if(this.treeData.length){
|
|
|
- this.currentKey = this.treeData[0].id;
|
|
|
- this.leaderName = this.treeData[0].name;
|
|
|
- this.queryList();
|
|
|
- }
|
|
|
- }).catch(e =>{
|
|
|
- });
|
|
|
- },
|
|
|
- handleNodeClick(node){ //点击左侧树节点，查询右侧列表
|
|
|
- this.currentKey = node.id;
|
|
|
- this.selectedName = node.name
|
|
|
- this.pageData = {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- }
|
|
|
- this.queryList();
|
|
|
- },
|
|
|
- queryList(data){ //查询右侧人员列表
|
|
|
- // 获取分页数据
|
|
|
- if (data && data.pageRequest) {
|
|
|
- this.pageData.pageNum = data.pageRequest.pageNum;
|
|
|
- this.pageData.pageSize = data.pageRequest.pageSize;
|
|
|
+ searchLeaderFun() { //查询左侧树
|
|
|
+ this.$api.user.getManageList({
|
|
|
+ roleId: "20",
|
|
|
+ agentFlag: "2"
|
|
|
+ }).then((res) => {
|
|
|
+ this.treeData = res.data;
|
|
|
+ if (this.treeData.length) {
|
|
|
+ this.currentKey = this.treeData[0].id;
|
|
|
+ this.leaderName = this.treeData[0].name;
|
|
|
+ this.queryList();
|
|
|
+ }
|
|
|
+ }).catch(e => {
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleNodeClick(node) { //点击左侧树节点，查询右侧列表
|
|
|
+ this.currentKey = node.id;
|
|
|
+ this.selectedName = node.name
|
|
|
+ this.pageData = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ }
|
|
|
+ this.queryList();
|
|
|
+ },
|
|
|
+ queryList(data) { //查询右侧人员列表
|
|
|
+ // 获取分页数据
|
|
|
+ if (data && data.pageRequest) {
|
|
|
+ this.pageData.pageNum = data.pageRequest.pageNum;
|
|
|
+ this.pageData.pageSize = data.pageRequest.pageSize;
|
|
|
+ }
|
|
|
+ this.queryFrom.leaderId = this.currentKey;
|
|
|
+ this.$api.user.getManagePersonnel({
|
|
|
+ ...this.pageData, dto: { ...this.queryFrom }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ res.data.records.forEach((val) => {
|
|
|
+ if (val.sex && val.sex !== "" && val.sex !== null) {
|
|
|
+ val.sex = this.sexoptions.find(
|
|
|
+ (ele) => ele.value == val.sex
|
|
|
+ ).label;
|
|
|
}
|
|
|
- this.queryFrom.leaderId = this.currentKey;
|
|
|
- this.$api.user.getManagePersonnel({
|
|
|
- ...this.pageData, dto: {...this.queryFrom}
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- res.data.records.forEach((val) => {
|
|
|
- if (val.sex && val.sex !== "" && val.sex !== null) {
|
|
|
- val.sex = this.sexoptions.find(
|
|
|
- (ele) => ele.value == val.sex
|
|
|
- ).label;
|
|
|
- }
|
|
|
- if (val.status && val.status !== "" && val.status !== null) {
|
|
|
- val.status = this.user_statusoptions.find(
|
|
|
- (ele) => ele.value == val.status
|
|
|
- ).label;
|
|
|
- }
|
|
|
- val.roleId = val.roleName;
|
|
|
- });
|
|
|
- this.pageResult = { //表格组件参数
|
|
|
- content: res.data.records,
|
|
|
- pageNum: res.data.current,
|
|
|
- pageSize: res.data.size,
|
|
|
- totalPages: res.data.pages,
|
|
|
- totalSize: res.data.total,
|
|
|
- };
|
|
|
- // this.$nextTick(() => {
|
|
|
- // let arr = [];
|
|
|
- // res.data.records.forEach(item =>{
|
|
|
- // if(item.selectedNot){
|
|
|
- // arr.push(item);
|
|
|
- // }
|
|
|
- // })
|
|
|
- // this.$refs.ktcommontable.setDefaultSelections(arr);
|
|
|
- // });
|
|
|
- this.pageData.pageNum = res.data.current;
|
|
|
- this.pageData.pageSize = res.data.size;
|
|
|
- this.pageData.totalSize = res.data.total;
|
|
|
- });
|
|
|
- },
|
|
|
- selectionChange(data){ //批量取消表格勾选事件
|
|
|
- this.selection = data.selections;
|
|
|
- },
|
|
|
- selectionDialogChange(data){ //批量设置表格勾选事件
|
|
|
- this.selectionDialog = data.selections;
|
|
|
- },
|
|
|
- BatchSettingsDialog(){ //打开批量设置弹窗
|
|
|
- this.queryDialogList();
|
|
|
- this.settingDialog.visible = true;
|
|
|
- },
|
|
|
- closeDialog(){ //关闭设置管理人弹窗
|
|
|
- this.settingDialog.visible = false;
|
|
|
- },
|
|
|
- resetForm(){
|
|
|
- this.resetDialog();
|
|
|
- },
|
|
|
- async queryDialogList(data){
|
|
|
- // 获取分页数据
|
|
|
- if (data && data.pageRequest) {
|
|
|
- this.settingDialog.pageData.pageNum = data.pageRequest.pageNum;
|
|
|
- this.settingDialog.pageData.pageSize = data.pageRequest.pageSize;
|
|
|
- }else{
|
|
|
- this.settingDialog.pageData = {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- totalSize: 0,
|
|
|
- }
|
|
|
+ if (val.status && val.status !== "" && val.status !== null) {
|
|
|
+ val.status = this.user_statusoptions.find(
|
|
|
+ (ele) => ele.value == val.status
|
|
|
+ ).label;
|
|
|
}
|
|
|
- this.settingDialog.queryFrom.notSelected = 0;
|
|
|
- await this.$api.user.getManagePersonnel({
|
|
|
- ...this.settingDialog.pageData, dto: {...this.settingDialog.queryFrom}
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- res.data.records.forEach((val) => {
|
|
|
- if (val.sex && val.sex !== "" && val.sex !== null) {
|
|
|
- val.sex = this.sexoptions.find(
|
|
|
- (ele) => ele.value == val.sex
|
|
|
- ).label;
|
|
|
- }
|
|
|
- if (val.status && val.status !== "" && val.status !== null) {
|
|
|
- val.status = this.user_statusoptions.find(
|
|
|
- (ele) => ele.value == val.status
|
|
|
- ).label;
|
|
|
- }
|
|
|
- val.roleId = val.roleName;
|
|
|
- });
|
|
|
- this.settingDialog.pageResult = { //表格组件参数
|
|
|
- content: res.data.records,
|
|
|
- pageNum: res.data.current,
|
|
|
- pageSize: res.data.size,
|
|
|
- totalPages: res.data.pages,
|
|
|
- totalSize: res.data.total,
|
|
|
- };
|
|
|
- // this.$nextTick(() => {
|
|
|
- // let arr = [];
|
|
|
- // res.data.records.forEach(item =>{
|
|
|
- // if(item.selectedNot){
|
|
|
- // arr.push(item);
|
|
|
- // }
|
|
|
- // })
|
|
|
- // this.$refs.ktcommontable.setDefaultSelections(arr);
|
|
|
- // });
|
|
|
- this.settingDialog.pageData.pageNum = res.data.current;
|
|
|
- this.settingDialog.pageData.pageSize = res.data.size;
|
|
|
- this.settingDialog.pageData.totalSize = res.data.total;
|
|
|
- });
|
|
|
- },
|
|
|
- BatchSettings(){ //批量设置
|
|
|
- let arr = [];
|
|
|
- this.selectionDialog.forEach(item =>{
|
|
|
- arr.push(item.userId);
|
|
|
- })
|
|
|
- let data = {
|
|
|
- leaderId: this.currentKey,
|
|
|
- leaderName: this.selectedName,
|
|
|
- userIds: arr
|
|
|
+ val.roleId = val.roleName;
|
|
|
+ });
|
|
|
+ this.pageResult = { //表格组件参数
|
|
|
+ content: res.data.records,
|
|
|
+ pageNum: res.data.current,
|
|
|
+ pageSize: res.data.size,
|
|
|
+ totalPages: res.data.pages,
|
|
|
+ totalSize: res.data.total,
|
|
|
+ };
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // let arr = [];
|
|
|
+ // res.data.records.forEach(item =>{
|
|
|
+ // if(item.selectedNot){
|
|
|
+ // arr.push(item);
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // this.$refs.ktcommontable.setDefaultSelections(arr);
|
|
|
+ // });
|
|
|
+ this.pageData.pageNum = res.data.current;
|
|
|
+ this.pageData.pageSize = res.data.size;
|
|
|
+ this.pageData.totalSize = res.data.total;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ selectionChange(data) { //批量取消表格勾选事件
|
|
|
+ this.selection = data;
|
|
|
+ },
|
|
|
+ selectionDialogChange(data) { //批量设置表格勾选事件
|
|
|
+ this.selectionDialog = data;
|
|
|
+ },
|
|
|
+ BatchSettingsDialog() { //打开批量设置弹窗
|
|
|
+ this.queryDialogList();
|
|
|
+ this.settingDialog.visible = true;
|
|
|
+ },
|
|
|
+ closeDialog() { //关闭设置管理人弹窗
|
|
|
+ this.settingDialog.visible = false;
|
|
|
+ },
|
|
|
+ resetForm() {
|
|
|
+ this.resetDialog();
|
|
|
+ },
|
|
|
+ async queryDialogList(data) {
|
|
|
+ // 获取分页数据
|
|
|
+ if (data && data.pageRequest) {
|
|
|
+ this.settingDialog.pageData.pageNum = data.pageRequest.pageNum;
|
|
|
+ this.settingDialog.pageData.pageSize = data.pageRequest.pageSize;
|
|
|
+ } else {
|
|
|
+ this.settingDialog.pageData = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalSize: 0,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.settingDialog.queryFrom.notSelected = 0;
|
|
|
+ await this.$api.user.getManagePersonnel({
|
|
|
+ ...this.settingDialog.pageData, dto: { ...this.settingDialog.queryFrom }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ res.data.records.forEach((val) => {
|
|
|
+ if (val.sex && val.sex !== "" && val.sex !== null) {
|
|
|
+ val.sex = this.sexoptions.find(
|
|
|
+ (ele) => ele.value == val.sex
|
|
|
+ ).label;
|
|
|
}
|
|
|
- this.$api.user.setManage(data).then(res =>{
|
|
|
- if(res.code == 200){
|
|
|
- this.$message({
|
|
|
- message: "设置成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.reset();
|
|
|
- this.searchLeaderFun();
|
|
|
- this.settingDialog.visible = false;
|
|
|
- }else{
|
|
|
- this.$message.error(res.msg);
|
|
|
- }
|
|
|
- }).catch(e =>{
|
|
|
- console.log(e);
|
|
|
- })
|
|
|
- // console.log(this.selection);
|
|
|
- },
|
|
|
- BatchCancellation(){ //批量取消
|
|
|
- let arr = [];
|
|
|
- this.selection.forEach(item =>{
|
|
|
- arr.push(item.userId);
|
|
|
- })
|
|
|
- let data = {
|
|
|
- leaderId: this.currentKey,
|
|
|
- leaderName: this.leaderName,
|
|
|
- userIds: arr
|
|
|
+ if (val.status && val.status !== "" && val.status !== null) {
|
|
|
+ val.status = this.user_statusoptions.find(
|
|
|
+ (ele) => ele.value == val.status
|
|
|
+ ).label;
|
|
|
}
|
|
|
- console.log(data);
|
|
|
- this.$api.user.cancleManage(data).then(res =>{
|
|
|
- if(res.code == 200){
|
|
|
- this.$message({
|
|
|
- message: "设置成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- this.reset();
|
|
|
- this.searchLeaderFun();
|
|
|
- this.selectionDialog.visible = false;
|
|
|
- }else{
|
|
|
- this.$message.error(res.msg);
|
|
|
- }
|
|
|
- }).catch(e =>{
|
|
|
- console.log(e);
|
|
|
- })
|
|
|
- },
|
|
|
+ val.roleId = val.roleName;
|
|
|
+ });
|
|
|
+ this.settingDialog.pageResult = { //表格组件参数
|
|
|
+ content: res.data.records,
|
|
|
+ pageNum: res.data.current,
|
|
|
+ pageSize: res.data.size,
|
|
|
+ totalPages: res.data.pages,
|
|
|
+ totalSize: res.data.total,
|
|
|
+ };
|
|
|
+ // this.$nextTick(() => {
|
|
|
+ // let arr = [];
|
|
|
+ // res.data.records.forEach(item =>{
|
|
|
+ // if(item.selectedNot){
|
|
|
+ // arr.push(item);
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // this.$refs.ktcommontable.setDefaultSelections(arr);
|
|
|
+ // });
|
|
|
+ this.settingDialog.pageData.pageNum = res.data.current;
|
|
|
+ this.settingDialog.pageData.pageSize = res.data.size;
|
|
|
+ this.settingDialog.pageData.totalSize = res.data.total;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ BatchSettings() { //批量设置
|
|
|
+ let arr = [];
|
|
|
+ this.selectionDialog.forEach(item => {
|
|
|
+ arr.push(item.userId);
|
|
|
+ })
|
|
|
+ let data = {
|
|
|
+ leaderId: this.currentKey,
|
|
|
+ leaderName: this.selectedName,
|
|
|
+ userIds: arr
|
|
|
+ }
|
|
|
+ this.$api.user.setManage(data).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: "设置成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.reset();
|
|
|
+ this.searchLeaderFun();
|
|
|
+ this.settingDialog.visible = false;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ }).catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ })
|
|
|
+ // console.log(this.selection);
|
|
|
+ },
|
|
|
+ BatchCancellation() { //批量取消
|
|
|
+ let arr = [];
|
|
|
+ this.selection.forEach(item => {
|
|
|
+ arr.push(item.userId);
|
|
|
+ })
|
|
|
+ let data = {
|
|
|
+ leaderId: this.currentKey,
|
|
|
+ leaderName: this.leaderName,
|
|
|
+ userIds: arr
|
|
|
+ }
|
|
|
+ console.log(data);
|
|
|
+ this.$api.user.cancleManage(data).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.$message({
|
|
|
+ message: "设置成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.reset();
|
|
|
+ this.searchLeaderFun();
|
|
|
+ this.selectionDialog.visible = false;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ }
|
|
|
+ }).catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ })
|
|
|
+ },
|
|
|
|
|
|
- }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.setupManager{
|
|
|
- width: 100%;
|
|
|
+.setupManager {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .container_left {
|
|
|
height: 100%;
|
|
|
- position: relative;
|
|
|
- .container_left{
|
|
|
- height: 100%;
|
|
|
- // border-top: 1px solid #DCDFE6;
|
|
|
- padding-right: 10px;
|
|
|
- .search{
|
|
|
- padding-bottom: 15px;
|
|
|
- }
|
|
|
- .el-tree{
|
|
|
- height: calc(100% - 55px);
|
|
|
- overflow: auto;
|
|
|
- .el-tree-node__content{
|
|
|
- width: 100%;
|
|
|
- .custom-tree-node{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding-right: 20px;
|
|
|
- .totalNum{
|
|
|
- color: #999;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ // border-top: 1px solid #DCDFE6;
|
|
|
+ padding-right: 10px;
|
|
|
+
|
|
|
+ .search {
|
|
|
+ padding-bottom: 15px;
|
|
|
}
|
|
|
- .container_right{
|
|
|
- padding: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- .el-form-item{
|
|
|
- display: flex;
|
|
|
- }
|
|
|
- >>>.el-form-item__content{
|
|
|
- margin: 0 !important;
|
|
|
- width: calc(100% - 70px);
|
|
|
- .el-input,.el-select{
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+
|
|
|
+ .el-tree {
|
|
|
+ height: calc(100% - 55px);
|
|
|
+ overflow: auto;
|
|
|
+
|
|
|
+ .el-tree-node__content {
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .custom-tree-node {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-right: 20px;
|
|
|
+
|
|
|
+ .totalNum {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
- .el-button{
|
|
|
- // width: 90px;
|
|
|
- // height: 36px;
|
|
|
- // font-size: 16px;
|
|
|
- // font-weight: 300 !important;
|
|
|
- }
|
|
|
- .el-button--default{
|
|
|
- &:hover{
|
|
|
- background: transparent;
|
|
|
- border: 1px solid #D42426;
|
|
|
- }
|
|
|
- &:focus{
|
|
|
- background: transparent;
|
|
|
- border: 1px solid #D42426;
|
|
|
- }
|
|
|
+ }
|
|
|
+
|
|
|
+ .container_right {
|
|
|
+ padding: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ .el-form-item {
|
|
|
+ display: flex;
|
|
|
}
|
|
|
- .el-dialog__wrapper{
|
|
|
+
|
|
|
+ >>>.el-form-item__content {
|
|
|
+ margin: 0 !important;
|
|
|
+ width: calc(100% - 70px);
|
|
|
+
|
|
|
+ .el-input,
|
|
|
+ .el-select {
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
- position: absolute;
|
|
|
+ }
|
|
|
}
|
|
|
- >>>.settingDialog{
|
|
|
- width: calc(85%);
|
|
|
- // height: 100%;
|
|
|
- // position: absolute;
|
|
|
- // right: 0;
|
|
|
- // bottom: 0;
|
|
|
- // margin: 0;
|
|
|
- .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;
|
|
|
- padding-bottom: 0;
|
|
|
- height: 600px;
|
|
|
- .bottomFixed{
|
|
|
- position: absolute;
|
|
|
- bottom: -50px;
|
|
|
- }
|
|
|
- .el-col-6{
|
|
|
- padding-right: 10px;
|
|
|
- }
|
|
|
- .footerHandle{
|
|
|
- position: absolute;
|
|
|
- bottom: 20px;
|
|
|
- right: 20px;
|
|
|
- .el-button{
|
|
|
- width: 90px;
|
|
|
- height: 36px;
|
|
|
- font-size: 16px;
|
|
|
- margin-left: 24px;
|
|
|
- font-weight: 310;
|
|
|
- }
|
|
|
- }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ // width: 90px;
|
|
|
+ // height: 36px;
|
|
|
+ // font-size: 16px;
|
|
|
+ // font-weight: 300 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button--default {
|
|
|
+ &:hover {
|
|
|
+ background: transparent;
|
|
|
+ border: 1px solid #D42426;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:focus {
|
|
|
+ background: transparent;
|
|
|
+ border: 1px solid #D42426;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-dialog__wrapper {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+
|
|
|
+ >>>.settingDialog {
|
|
|
+ width: calc(85%);
|
|
|
+
|
|
|
+ // height: 100%;
|
|
|
+ // position: absolute;
|
|
|
+ // right: 0;
|
|
|
+ // bottom: 0;
|
|
|
+ // margin: 0;
|
|
|
+ .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;
|
|
|
+ padding-bottom: 0;
|
|
|
+ height: 600px;
|
|
|
+
|
|
|
+ .bottomFixed {
|
|
|
+ position: absolute;
|
|
|
+ bottom: -50px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-col-6 {
|
|
|
+ padding-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .footerHandle {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 20px;
|
|
|
+ right: 20px;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ width: 90px;
|
|
|
+ height: 36px;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 24px;
|
|
|
+ font-weight: 310;
|
|
|
}
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
+
|
|
|
.split::-webkit-scrollbar {
|
|
|
- width: 0px !important; /* 设置滚动条宽度 */
|
|
|
+ width: 0px !important;
|
|
|
+ /* 设置滚动条宽度 */
|
|
|
}
|
|
|
|
|
|
}
|
