Compare commits

..

No commits in common. "4c1ac803ec8134ef93c32b4219c3818ba88d9a04" and "0018a23cdb83f8ea057610c99900c46c945bd155" have entirely different histories.

4 changed files with 92 additions and 75 deletions

View File

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

View File

@ -305,9 +305,12 @@ export default {
}, },
getAvarerInfo() { getAvarerInfo() {
getMemberSettlePeriod().then((res) => { getMemberSettlePeriod().then((res) => {
const tempList = res.data || [] this.memberSettlePeriodList = res.data
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1) this.memberSettlePeriodList.forEach((ele) => {
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId if (ele.isThisDay == 0) {
this.queryParams.memberSettlePeriodId = ele.pkId
}
})
}) })
}, },
// //

View File

@ -317,9 +317,12 @@ export default {
}, },
getAvarerInfo() { getAvarerInfo() {
getMemberSettlePeriod().then((res) => { getMemberSettlePeriod().then((res) => {
const tempList = res.data || [] this.memberSettlePeriodList = res.data
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1) this.memberSettlePeriodList.forEach((ele) => {
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId if (ele.isThisDay == 0) {
this.queryParams.memberSettlePeriodId = ele.pkId
}
})
}) })
}, },
// //

View File

@ -315,9 +315,12 @@ export default {
}, },
getAvarerInfo() { getAvarerInfo() {
getMemberSettlePeriod().then((res) => { getMemberSettlePeriod().then((res) => {
const tempList = res.data || [] this.memberSettlePeriodList = res.data
this.memberSettlePeriodList = tempList.filter(ele => ele.isThisDay === 1) this.memberSettlePeriodList.forEach((ele) => {
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0]?.pkId if (ele.isThisDay == 0) {
this.queryParams.memberSettlePeriodId = ele.pkId
}
})
}) })
}, },
// //