|
@@ -1,33 +1,33 @@
|
|
<template>
|
|
<template>
|
|
<div class="my-container">
|
|
<div class="my-container">
|
|
<!-- <transition-group name="fade" style="position: relative;width: 100%;display: flex;"> -->
|
|
<!-- <transition-group name="fade" style="position: relative;width: 100%;display: flex;"> -->
|
|
- <div class="bill-left" v-show="isShow==='home'" key="item">
|
|
|
|
- <div class="bill-tab">
|
|
|
|
- <div class="bill-title">导航</div>
|
|
|
|
- <side-tree :propConfig="treeConfig" @onChange="onChangeTree" ref="sideTree" />
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="bill-left" v-show="isShow==='home'" key="item">
|
|
|
|
+ <div class="bill-tab">
|
|
|
|
+ <div class="bill-title">导航</div>
|
|
|
|
+ <side-tree :propConfig="treeConfig" @onChange="onChangeTree" ref="sideTree" />
|
|
</div>
|
|
</div>
|
|
- <div class="bill-main" v-show="isShow==='home'" key="item2">
|
|
|
|
- <module-view :propConfig="config" ref="moduleView" @pagination="getDataList" @search="getDataList"
|
|
|
|
- @resert="onRefresh" @clickHandle="clickHandle" @detail="openEdit" @onRefresh="onRefresh">
|
|
|
|
- </module-view>
|
|
|
|
- </div>
|
|
|
|
- <!-- 新增/编辑弹窗 -->
|
|
|
|
- <div class="detil" v-show="isShow==='add'" key="item3">
|
|
|
|
- <by-tool :propConfig="toolConfig" @clickHandle="insideTools" ref="byTool" />
|
|
|
|
- <div class="box-shadow">
|
|
|
|
- <by-form :propConfig="addConfig" ref="addFormId">
|
|
|
|
- <template v-slot:k3ServerUrl="{value}" class="clearfix">
|
|
|
|
- <i class="el-icon-question" title="私有云必须配置金蝶云星空产品地址,K3Cloud/结尾,若为公有云则必须置空"></i>
|
|
|
|
- <vxe-input v-model="value.k3ServerUrl" style="width:calc(100% - 25px);margin-left: 10px;"></vxe-input>
|
|
|
|
- </template>
|
|
|
|
- <template v-slot:status class="clearfix">
|
|
|
|
- <el-radio class="fl" style="margin-top: 8px;" v-model="radio" :label="0">正常</el-radio>
|
|
|
|
- <el-radio class="fl" style="margin-top: 8px;" v-model="radio" :label="1">禁用</el-radio>
|
|
|
|
- </template>
|
|
|
|
- </by-form>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="bill-main" v-show="isShow==='home'" key="item2">
|
|
|
|
+ <module-view :propConfig="config" ref="moduleView" @pagination="getDataList" @search="getDataList"
|
|
|
|
+ @resert="onRefresh" @clickHandle="clickHandle" @detail="openEdit" @onRefresh="onRefresh">
|
|
|
|
+ </module-view>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- 新增/编辑弹窗 -->
|
|
|
|
+ <div class="detil" v-show="isShow==='add'" key="item3">
|
|
|
|
+ <by-tool :propConfig="toolConfig" @clickHandle="insideTools" ref="byTool" />
|
|
|
|
+ <div class="box-shadow">
|
|
|
|
+ <by-form :propConfig="addConfig" ref="addFormId">
|
|
|
|
+ <template v-slot:k3ServerUrl="{value}" class="clearfix">
|
|
|
|
+ <i class="el-icon-question" title="私有云必须配置金蝶云星空产品地址,K3Cloud/结尾,若为公有云则必须置空"></i>
|
|
|
|
+ <vxe-input v-model="value.k3ServerUrl" style="width:calc(100% - 25px);margin-left: 10px;"></vxe-input>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-slot:status class="clearfix">
|
|
|
|
+ <el-radio class="fl" style="margin-top: 8px;" v-model="radio" :label="0">正常</el-radio>
|
|
|
|
+ <el-radio class="fl" style="margin-top: 8px;" v-model="radio" :label="1">禁用</el-radio>
|
|
|
|
+ </template>
|
|
|
|
+ </by-form>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
<!-- </transition-group> -->
|
|
<!-- </transition-group> -->
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -65,8 +65,8 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
config : any = {
|
|
config : any = {
|
|
- attr:{
|
|
|
|
- calculateH:true
|
|
|
|
|
|
+ attr: {
|
|
|
|
+ calculateH: true
|
|
},
|
|
},
|
|
search: {
|
|
search: {
|
|
attr: {
|
|
attr: {
|
|
@@ -108,6 +108,7 @@
|
|
attr: {
|
|
attr: {
|
|
placeholder: '请选择状态',
|
|
placeholder: '请选择状态',
|
|
clearable: true,
|
|
clearable: true,
|
|
|
|
+ size: 'small',
|
|
data: [{
|
|
data: [{
|
|
value: 0,
|
|
value: 0,
|
|
label: '正常'
|
|
label: '正常'
|
|
@@ -262,6 +263,7 @@
|
|
attr: {
|
|
attr: {
|
|
placeholder: '请选择财务系统类型',
|
|
placeholder: '请选择财务系统类型',
|
|
clearable: true,
|
|
clearable: true,
|
|
|
|
+ size: 'small',
|
|
data: [
|
|
data: [
|
|
{
|
|
{
|
|
value: 'kingdee',
|
|
value: 'kingdee',
|
|
@@ -331,7 +333,7 @@
|
|
onChangeTree(e : any) {
|
|
onChangeTree(e : any) {
|
|
this.categoryIds = e.id;
|
|
this.categoryIds = e.id;
|
|
let loading = this.$loading({ target: '.main-container' });
|
|
let loading = this.$loading({ target: '.main-container' });
|
|
- api.byCategoryPage({ categoryId: e.id,type:3 }, 'maindataOrganizationCategory').then((res : any) => {
|
|
|
|
|
|
+ api.byCategoryPage({ categoryId: e.id, type: 3 }, 'maindataOrganizationCategory').then((res : any) => {
|
|
if (res.code === 200) {
|
|
if (res.code === 200) {
|
|
(this.$refs.moduleView as any).setTableValue(res.data.records);
|
|
(this.$refs.moduleView as any).setTableValue(res.data.records);
|
|
let page = {
|
|
let page = {
|
|
@@ -410,8 +412,8 @@
|
|
loading.close();
|
|
loading.close();
|
|
if (res.code === 200) {
|
|
if (res.code === 200) {
|
|
res.data.records.map((v : any) => {
|
|
res.data.records.map((v : any) => {
|
|
- if(v.financeType==='kingdee')v.financeType2 = '金蝶K3';
|
|
|
|
- if(v.financeType==='yonbip')v.financeType2 = '用友U8';
|
|
|
|
|
|
+ if (v.financeType === 'kingdee') v.financeType2 = '金蝶K3';
|
|
|
|
+ if (v.financeType === 'yonbip') v.financeType2 = '用友U8';
|
|
});
|
|
});
|
|
(this.$refs.moduleView as any).setTableValue(res.data.records);
|
|
(this.$refs.moduleView as any).setTableValue(res.data.records);
|
|
let page = {
|
|
let page = {
|
|
@@ -486,23 +488,27 @@
|
|
display: flex;
|
|
display: flex;
|
|
padding: 16px;
|
|
padding: 16px;
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+
|
|
.bill-left {
|
|
.bill-left {
|
|
position: relative;
|
|
position: relative;
|
|
border-right: solid #EEE 1px;
|
|
border-right: solid #EEE 1px;
|
|
padding-right: 16px;
|
|
padding-right: 16px;
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
|
+
|
|
.bill-tab {
|
|
.bill-tab {
|
|
width: 150px;
|
|
width: 150px;
|
|
height: 100%;
|
|
height: 100%;
|
|
transition: all .5s;
|
|
transition: all .5s;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
+
|
|
.tab-title {
|
|
.tab-title {
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
padding-bottom: 16px;
|
|
padding-bottom: 16px;
|
|
width: 200px;
|
|
width: 200px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.bill-main {
|
|
.bill-main {
|
|
width: calc(100% - 16px);
|
|
width: calc(100% - 16px);
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
@@ -511,8 +517,10 @@
|
|
height: 100%;
|
|
height: 100%;
|
|
overflow-y: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
}
|
|
|
|
+
|
|
.detil {
|
|
.detil {
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
+
|
|
.box-shadow {
|
|
.box-shadow {
|
|
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
|
|
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
|
|
padding: 20px;
|
|
padding: 20px;
|