refactor(manager): 替换iView组件为TDesign并优化样式

- 将iView组件统一替换为TDesign组件
- 优化表单、表格、弹窗等交互样式
- 修复路由重复添加问题
- 更新依赖版本
- 调整布局间距与响应式
- 修复表单重置方法兼容性
- 统一消息提示组件
This commit is contained in:
pikachu1995@126.com
2025-11-30 18:19:19 +08:00
parent e5d98d022e
commit 028f32a73c
180 changed files with 10701 additions and 17865 deletions

View File

@@ -1,16 +1,15 @@
<template>
<div class="wrapper">
<Tabs :value="wap[0].title" class="tabs">
<TabPane :label="item.title" :name="item.title" @click="clickTag(item, i)" v-for="(item, i) in wap" :key="i">
<t-tabs :value="wap[0].title" class="tabs" @change="onTabChange">
<t-tab-panel :label="item.title" :value="item.title" v-for="(item, i) in wap" :key="i">
<component ref="lili-component" :is="templateWay[item.name]" @selected="
(val) => {
changed = val;
}
" />
</TabPane>
</Tabs>
</t-tab-panel>
</t-tabs>
</div>
</template>
@@ -48,7 +47,14 @@ export default {
item.selected = false;
});
},
methods: {},
methods: {
onTabChange(val){
const idx = this.wap.findIndex(w => w && w.title === val);
if(idx !== -1){
this.clickTag && this.clickTag(this.wap[idx], idx)
}
}
},
};
</script>
<style scoped lang="scss">

View File

@@ -1,17 +1,17 @@
<template>
<div>
<Row :gutter="30">
<Col span="6" v-for="(item,index) in linkList" :key="index" v-if="(item.title !== '拼团频道' && item.title !== '签到') || $route.name !== 'renovation'">
<t-row :gutter="30">
<t-col :span="6" v-for="(item,index) in linkList" :key="index" v-if="(item.title !== '拼团频道' && item.title !== '签到') || $route.name !== 'renovation'">
<div class="card" :class="{'active':selectedIndex == index}" @click="handleLink(item,index)">
<Icon size="24" :type="item.icon" />
<t-icon size="24" name="link" />
<p>{{item.title}}</p>
</div>
</Col>
</t-col>
<!-- 外部链接只有pc端跳转 -->
<Col span="6" v-if="$route.name === 'renovation'">
<t-col :span="6" v-if="$route.name === 'renovation'">
<div class="card" :class="{'active':selectedIndex == linkList.length}" @click="handleLink(linkItem,linkList.length)">
<Poptip v-model="linkVisible">
<Icon size="24" :type="linkItem.icon" />
<t-icon size="24" name="link" />
<p>{{linkItem.title}}</p>
<div slot="title">链接地址</div>
<div slot="content">
@@ -20,8 +20,8 @@
</Poptip>
</div>
</Col>
</Row>
</t-col>
</t-row>
</div>
</template>
<script>

View File

@@ -4,12 +4,12 @@
<div class="query-wrapper">
<div class="query-item">
<div>店铺名称</div>
<Input placeholder="请输入店铺名称" @on-clear="shopsData=[]; params.storeName=''; params.pageNumber =1; init()" @on-enter="()=>{shopsData=[]; params.pageNumber =1; init();}" icon="ios-search" clearable style="width: 150px"
<t-input placeholder="请输入店铺名称" @clear="shopsData=[]; params.storeName=''; params.pageNumber =1; init()" @enter="()=>{shopsData=[]; params.pageNumber =1; init();}" clearable style="width: 150px"
v-model="params.storeName" />
</div>
<div class="query-item">
<Button type="primary" @click="shopsData=[];params.pageNumber =1; init();" icon="ios-search">搜索</Button>
<t-button theme="primary" @click="shopsData=[];params.pageNumber =1; init();">搜索</t-button>
</div>
</div>
<div>
@@ -25,7 +25,7 @@
<div class="wap-sku" :class="{'theme_color':(item.storeDisable === 'OPEN' ? true : false) }">{{ item.storeDisable === 'OPEN' ? '开启中' : '未开启' }}</div>
</div>
</div>
<Spin size="large" fix v-if="loading"></Spin>
<t-loading v-if="loading" :loading="true" size="large" fullscreen></t-loading>
</Scroll>
</div>
</div>