hailu
2024-12-02 0bbcee731e5259feadd261e8a84c3e27b8387e01
pages/policyMatching/precise.vue
@@ -18,38 +18,50 @@
            </u-tabs>
        </view>
        <view
            style="padding: 40upx;background-color: #fff;margin-top: 20upx;padding-bottom:200upx;color: #969799;font-size: 28upx;" v-if="ArticleType == '可申领补贴'">
            <view class="goods-item" v-for="(item, index) in goodsList" :key="index" @click="godetail(item)">
                <view style="background-color: #f7f7f7;padding: 10upx;margin-bottom: 10upx;">
                    <view style="display: flex;justify-content: space-between;">
                        <view style="font-weight: 800px;color: #000;">{{ item.ProjectTitle }}</view>
                        <u-tag :text="item.ProjectType" plain size="mini" type="warning"></u-tag>
        <view v-if="!loading">
            <view
                style="padding: 40upx;background-color: #fff;margin-top: 20upx;padding-bottom:200upx;color: #969799;font-size: 28upx;"
                v-if="ArticleType == '可申领补贴'&& goodsList.length>0">
                <view class="goods-item" v-for="(item, index) in goodsList" :key="index" @click="godetail(item)">
                    <view style="background-color: #f7f7f7;padding: 10upx;margin-bottom: 10upx;">
                        <view style="display: flex;justify-content: space-between;">
                            <view style="font-weight: 800px;color: #000;">{{ item.ProjectTitle }}</view>
                            <u-tag :text="item.ProjectType" plain size="mini" type="warning"></u-tag>
                        </view>
                        <view style="display: flex;justify-content: space-between;margin-top: 2upx;">
                            <view style="font-size: 22upx;line-height: 44upx;">{{ item.PlatForm }}</view>
                            <u-tag :text="item.StartDate.split(' ')[0]" plain size="mini" type="warning"></u-tag>
                            <!-- PubTime -->
                        </view>
                    </view>
                    <view style="display: flex;justify-content: space-between;margin-top: 2upx;">
                        <view style="font-size: 22upx;line-height: 44upx;">{{ item.PlatForm }}</view>
                        <u-tag :text="item.StartDate.split(' ')[0]" plain size="mini" type="warning"></u-tag>
                        <!-- PubTime -->
                </view>
            </view>
            <view
                style="padding: 40upx;background-color: #fff;margin-top: 20upx;padding-bottom:200upx;color: #969799;font-size: 28upx;"
                 v-if="ArticleType == '已获批补贴'&& PolicyAppliedPageList.length>0">
                <view class="goods-item" v-for="(item, index) in PolicyAppliedPageList" :key="index"
                    @click="godetail(item)">
                    <view style="background-color: #f7f7f7;padding: 10upx;margin-bottom: 10upx;">
                        <view style="display: flex;justify-content: space-between;">
                            <view style="font-weight: 800px;color: #000;">{{ item.Subsidized }}</view>
                            <u-tag :text="item.GetTime ? item.GetTime.slice(0, 4) : ''" plain size="mini"
                                type="warning"></u-tag>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view
            style="padding: 40upx;background-color: #fff;margin-top: 20upx;padding-bottom:200upx;color: #969799;font-size: 28upx;" v-else>
            <view class="goods-item" v-for="(item, index) in PolicyAppliedPageList" :key="index" @click="godetail(item)">
                <view style="background-color: #f7f7f7;padding: 10upx;margin-bottom: 10upx;">
                    <view style="display: flex;justify-content: space-between;">
                        <view style="font-weight: 800px;color: #000;">{{ item.Name }}</view>
                        <u-tag :text="item.Date?item.Date.slice(0, 4):''" plain size="mini" type="warning"></u-tag>
                    </view>
                    <!-- <view style="display: flex;justify-content: space-between;margin-top: 2upx;">
                        <view style="font-size: 22upx;line-height: 44upx;"></view>
                    </view> -->
                </view>
            </view>
        <view v-if="loading" style="margin-top: 100upx;">
            <u-loading-icon></u-loading-icon>
        </view>
        <view v-if="ArticleType == '可申领补贴'">
            <u-empty v-if="!loading && goodsList.length == 0" mode="data" icon="http://cdn.uviewui.com/uview/empty/car.png">
            </u-empty>
        </view>
        <view v-if="ArticleType == '已获批补贴'">
            <u-empty v-if="!loading && PolicyAppliedPageList.length == 0" mode="data" icon="http://cdn.uviewui.com/uview/empty/car.png">
            </u-empty>
        </view>
        <view style="position: fixed;bottom: 0;background-color: #fff;width: 100%;" v-if="ArticleType == '可申领补贴'">
            <Pagination :totalItems="total1" :itemsPerPage="pageSize" :currentPage="pageIndex1"
                @page-change="onPageChange1" />
@@ -70,7 +82,8 @@
    data() {
        return {
            keyword:'',
            loading: false,
            keyword: '',
            search: '',
            goodsList: [],
            tabsList: [
@@ -78,24 +91,28 @@
                    name: '可申领补贴',
                    badge: {
                        value: 0,
                        type: 'success',
                        max:99
                    }
                },
                {
                    name: '已获批补贴',
                    badge: {
                        value: 0,
                        type: 'success',
                        max:99
                    }
                },
            ],
            pageIndex1: 1,
            pageIndex2: 1,
            pageSize: 10,
            pageSize: 8,
            total1: 0,
            total2: 0,
            PolicyAppliedList:[],
            PolicyAppliedPageList:[],
            ArticleType:'可申领补贴'
            PolicyAppliedList: [],
            PolicyAppliedPageList: [],
            ArticleType: '可申领补贴',
        };
    },
    onLoad() {
@@ -105,9 +122,11 @@
        this.getArticleDataList()
        this.getPolicyApplied()
    },
    methods: {
        getsearch(){
        getsearch() {
            this.pageIndex1 = 1
            this.pageIndex2 = 1
            this.getArticleDataList()
@@ -117,9 +136,11 @@
        chooseArticleType(e) {
            console.log('item', e);
            this.ArticleType = e.name
        },
        getArticleDataList() {
            this.loading = true
            let data = {
                CompanyName: this.search,
                Keyword: this.keyword,
@@ -133,34 +154,43 @@
                    }
                    this.goodsList = res.Data.Data;
                    this.total1 = res.Data.TotalCount;
                    this.tabsList[0].badge = res.Data.TotalCount;
                    console.log( this.tabsList);
                    this.tabsList[0].badge.value = res.Data.TotalCount;
                    this.loading = false;
                    console.log(this.tabsList);
                } else {
                    this.$msg(res.Msg);
                    this.total1 = 0
                    this.goodsList = [];
                }
            })
        },
        getPolicyApplied() {
            this.loading = true
            let data = {
                CompanyName: this.search
                Company: this.search,
                PageNumber: this.pageIndex2,
                PageSize: this.pageSize
            }
            this.$http.post('/SubsidyData/GetPolicyApplied', data).then(res => {
            this.$http.post('/SubsidizedCompanies/GetSubsidizedCompaniesList', data).then(res => {
                console.log(res);
                if (res.Check && res.Data && res.Data.Data != '-1' && res.Data.Data != '-2') {
                    this.PolicyAppliedList = res.Data.Data;
                    this.total2 = this.PolicyAppliedList.length;
                    this.tabsList[1].badge = res.Data.TotalCount;
                    console.log( this.tabsList);
                      tabsList
                    // this.PolicyAppliedList = res.Data.Data;
                    this.total2 = res.Data.TotalCount;
                    this.tabsList[1].badge.value = res.Data.TotalCount;
                    this.loading = false
                    // 前端分页
                    this.PolicyAppliedPageList = this.PolicyAppliedList.slice((this.pageIndex2 - 1) * this.pageSize, this.pageIndex2 * this.pageSize);
                }else {
                    // this.PolicyAppliedPageList = this.PolicyAppliedList.slice((this.pageIndex2 - 1) * this.pageSize, this.pageIndex2 * this.pageSize);
                    this.PolicyAppliedPageList = res.Data.Data;
                } else {
                    this.PolicyAppliedPageList = []
                    this.PolicyAppliedList = []
                    this.tabsList[1].badge = 0
                    this.tabsList[1].badge.value = 0
                    this.total2 = 0
                    this.loading = false
                }
            })
        },
        godetail(item) {
            // 手机浏览器跳转
            window.open(item.SubsidyUrl, "_blank");
@@ -172,7 +202,8 @@
        },
        onPageChange2(e) {
            this.pageIndex2 = e
            this.PolicyAppliedPageList = this.PolicyAppliedList.slice((this.pageIndex - 1) * this.pageSize, this.pageIndex * this.pageSize);
            this.getPolicyApplied()
            // this.PolicyAppliedPageList = this.PolicyAppliedList.slice((this.pageIndex - 1) * this.pageSize, this.pageIndex * this.pageSize);
        },
    }