Compare commits
2 Commits
0018a23cdb
...
4c1ac803ec
Author | SHA1 | Date |
---|---|---|
|
4c1ac803ec | |
|
e7ba586fc2 |
|
@ -2,51 +2,46 @@
|
|||
<div class="page">
|
||||
<topBar
|
||||
v-if="topList.length > 0"
|
||||
:topList="topList"
|
||||
:top-list="topList"
|
||||
:moren="moren"
|
||||
></topBar>
|
||||
/>
|
||||
<div class="thetopbox">
|
||||
<el-form ref="form" :model="queryParams" label-width="100px">
|
||||
<el-row>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'会员编号'" prop="memberCode">
|
||||
<el-input
|
||||
clearable
|
||||
v-model="queryParams.memberCode"
|
||||
></el-input></el-form-item
|
||||
></el-col>
|
||||
clearable
|
||||
/></el-form-item></el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'结算期数'" prop="memberSettlePeriodId">
|
||||
<el-select
|
||||
v-model="queryParams.memberSettlePeriodId"
|
||||
clearable
|
||||
:placeholder="'请选择'"
|
||||
v-model="queryParams.memberSettlePeriodId"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in memberSettlePeriodList"
|
||||
:key="item.pkId"
|
||||
:label="item.settleDate"
|
||||
:value="item.pkId"
|
||||
></el-option> </el-select></el-form-item
|
||||
></el-col>
|
||||
/> </el-select></el-form-item></el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item :label="'代数'" prop="level">
|
||||
<el-input
|
||||
clearable
|
||||
v-model="queryParams.level"
|
||||
></el-input></el-form-item
|
||||
></el-col>
|
||||
clearable
|
||||
/></el-form-item></el-col>
|
||||
<el-col :span="4" style="margin-left: 30px">
|
||||
<div class="searchbox">
|
||||
<el-button class="searchbtn" @click="getSearch">
|
||||
{{ '搜索' }}</el-button
|
||||
>
|
||||
{{ '搜索' }}</el-button>
|
||||
<el-button @click="reChongzhi"> {{ '重置' }}</el-button>
|
||||
<el-button @click="goback"> {{ '返回' }}</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row></el-form
|
||||
>
|
||||
</el-row></el-form>
|
||||
</div>
|
||||
<div>
|
||||
<div class="tree">
|
||||
|
@ -66,64 +61,64 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import topBar from "@/components/topBar";
|
||||
import { getTjFramework, getMemberSettlePeriod } from "@/api/archityecture";
|
||||
import topBar from '@/components/topBar'
|
||||
import { getTjFramework, getMemberSettlePeriod } from '@/api/archityecture'
|
||||
export default {
|
||||
name: "Tjjg",
|
||||
name: 'Tjjg',
|
||||
components: {
|
||||
topBar,
|
||||
topBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
moren: "tjjg",
|
||||
moren: 'tjjg',
|
||||
topList: [
|
||||
{
|
||||
name: '方案一',
|
||||
path: "tjjg",
|
||||
path: 'tjjg'
|
||||
},
|
||||
{
|
||||
name: '方案二',
|
||||
path: "tjjg2",
|
||||
path: 'tjjg2'
|
||||
},
|
||||
{
|
||||
name: '方案三',
|
||||
path: "tjjg3",
|
||||
path: 'tjjg3'
|
||||
},
|
||||
{
|
||||
name: '方案四',
|
||||
path: "tjjg4",
|
||||
},
|
||||
path: 'tjjg4'
|
||||
}
|
||||
],
|
||||
queryParams: {
|
||||
memberSettlePeriodId: "", //期数
|
||||
memberCode: "", //会员编号
|
||||
level: "", //代数
|
||||
type: 1,
|
||||
memberSettlePeriodId: '', // 期数
|
||||
memberCode: '', // 会员编号
|
||||
level: '', // 代数
|
||||
type: 1
|
||||
},
|
||||
data: [],
|
||||
defaultProps: {
|
||||
label: "memberCode",
|
||||
children: "children",
|
||||
label: 'memberCode',
|
||||
children: 'children'
|
||||
},
|
||||
memberSettlePeriodList: [], //期数
|
||||
};
|
||||
memberSettlePeriodList: [] // 期数
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getSearch();
|
||||
this.getAvarerInfo();
|
||||
this.getSearch()
|
||||
this.getAvarerInfo()
|
||||
},
|
||||
methods: {
|
||||
async loadNode(node, resolve) {
|
||||
if (node.level == 0) {
|
||||
return resolve([]);
|
||||
return resolve([])
|
||||
} else {
|
||||
const response = await getTjFramework({
|
||||
memberCode: node.data.memberCode,
|
||||
});
|
||||
memberCode: node.data.memberCode
|
||||
})
|
||||
if (response.data[0].children && response.data[0].children.length > 0) {
|
||||
resolve(response.data[0].children);
|
||||
resolve(response.data[0].children)
|
||||
} else {
|
||||
resolve([]);
|
||||
resolve([])
|
||||
}
|
||||
}
|
||||
// if (!node.data.children) {
|
||||
|
@ -133,56 +128,53 @@ export default {
|
|||
},
|
||||
getAvarerInfo() {
|
||||
getMemberSettlePeriod().then((res) => {
|
||||
this.memberSettlePeriodList = res.data;
|
||||
this.memberSettlePeriodList.forEach((ele) => {
|
||||
if (ele.isThisDay == 0) {
|
||||
this.queryParams.memberSettlePeriodId = ele.pkId;
|
||||
}
|
||||
});
|
||||
});
|
||||
const tempList = res.data || []
|
||||
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
|
||||
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
|
||||
})
|
||||
},
|
||||
// 返回
|
||||
goback() {
|
||||
this.queryParams.memberCode = this.data[0].parentMemberCode;
|
||||
this.getSearch();
|
||||
this.queryParams.memberCode = this.data[0].parentMemberCode
|
||||
this.getSearch()
|
||||
},
|
||||
// 复制
|
||||
copyItem(content) {
|
||||
if (window.clipboardData) {
|
||||
window.clipboardData.setData("text", content);
|
||||
window.clipboardData.setData('text', content)
|
||||
} else {
|
||||
(function(content) {
|
||||
// oncopy 事件在用户拷贝元素上的内容时触发。
|
||||
document.oncopy = function(e) {
|
||||
e.clipboardData.setData("text", content);
|
||||
e.preventDefault();
|
||||
document.oncopy = null;
|
||||
};
|
||||
})(content);
|
||||
document.execCommand("Copy");
|
||||
e.clipboardData.setData('text', content)
|
||||
e.preventDefault()
|
||||
document.oncopy = null
|
||||
}
|
||||
})(content)
|
||||
document.execCommand('Copy')
|
||||
}
|
||||
this.$message({
|
||||
message: '复制成功',
|
||||
type: "success",
|
||||
});
|
||||
type: 'success'
|
||||
})
|
||||
},
|
||||
|
||||
handleNodeClick() {},
|
||||
getSearch() {
|
||||
getTjFramework(this.queryParams).then((res) => {
|
||||
this.data = res.data;
|
||||
});
|
||||
this.data = res.data
|
||||
})
|
||||
},
|
||||
reChongzhi() {
|
||||
this.queryParams = {
|
||||
memberSettlePeriodId: "", //期数
|
||||
memberCode: "", //会员编号
|
||||
level: "", //代数
|
||||
};
|
||||
this.getSearch();
|
||||
},
|
||||
},
|
||||
};
|
||||
memberSettlePeriodId: '', // 期数
|
||||
memberCode: '', // 会员编号
|
||||
level: '' // 代数
|
||||
}
|
||||
this.getSearch()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
@ -305,12 +305,9 @@ export default {
|
|||
},
|
||||
getAvarerInfo() {
|
||||
getMemberSettlePeriod().then((res) => {
|
||||
this.memberSettlePeriodList = res.data
|
||||
this.memberSettlePeriodList.forEach((ele) => {
|
||||
if (ele.isThisDay == 0) {
|
||||
this.queryParams.memberSettlePeriodId = ele.pkId
|
||||
}
|
||||
})
|
||||
const tempList = res.data || []
|
||||
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
|
||||
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
|
||||
})
|
||||
},
|
||||
// 返回
|
||||
|
|
|
@ -317,12 +317,9 @@ export default {
|
|||
},
|
||||
getAvarerInfo() {
|
||||
getMemberSettlePeriod().then((res) => {
|
||||
this.memberSettlePeriodList = res.data
|
||||
this.memberSettlePeriodList.forEach((ele) => {
|
||||
if (ele.isThisDay == 0) {
|
||||
this.queryParams.memberSettlePeriodId = ele.pkId
|
||||
}
|
||||
})
|
||||
const tempList = res.data || []
|
||||
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
|
||||
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
|
||||
})
|
||||
},
|
||||
// 返回
|
||||
|
|
|
@ -315,12 +315,9 @@ export default {
|
|||
},
|
||||
getAvarerInfo() {
|
||||
getMemberSettlePeriod().then((res) => {
|
||||
this.memberSettlePeriodList = res.data
|
||||
this.memberSettlePeriodList.forEach((ele) => {
|
||||
if (ele.isThisDay == 0) {
|
||||
this.queryParams.memberSettlePeriodId = ele.pkId
|
||||
}
|
||||
})
|
||||
const tempList = res.data || []
|
||||
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1)
|
||||
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId
|
||||
})
|
||||
},
|
||||
// 返回
|
||||
|
|
Loading…
Reference in New Issue