LoveNav/love-nav-vue
LoveNav/love-nav-vue
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Zhang HaoYang 2023-12-29 00:11:34 +08:00
parent 2ab306c2c1
commit 88ac18c252
1 changed files with 52 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/components/setting/website/websiteManage.vue
View File

@ -9,21 +9,21 @@
<el-col :span="24"> <el-col :span="24">
<el-button @click="openAddCategoryFun()" type="primary" plain size="medium" round >新增网址</el-button> <el-button @click="openAddCategoryFun()" type="primary" plain size="medium" round >新增网址</el-button>
</el-col> </el-col>
<el-col :span="24" style="margin-top:20px"> <!-- <el-col :span="24" style="margin-top:20px">-->
<el-input <!-- <el-input-->
placeholder="请输入内容" <!-- placeholder="请输入内容"-->
v-model="searchCate" <!-- v-model="searchCate"-->
clearable <!-- clearable-->
style="width:200px"> <!-- style="width:200px">-->
</el-input> <!-- </el-input>-->
<el-button type="success" plain size="medium" round style="margin-left:10px">查询标签</el-button> <!-- <el-button type="success" plain size="medium" round style="margin-left:10px">查询标签</el-button>-->
</el-col> <!-- </el-col>-->
</el-row> </el-row>
<el-table class="MyTable" <el-table class="MyTable"
:data="List" :data="List"
header-row-class-name="table_header_class" header-row-class-name="table_header_class"
border border
max-height="400" max-height="500"
> >
<el-table-column <el-table-column
align="center" align="center"
@ -35,6 +35,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
align="center" align="center"
style="display: none"
prop="parentId" prop="parentId"
label="所属编号" label="所属编号"
width="50"> width="50">
@ -59,6 +60,28 @@
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
align="center"
prop="tags"
label="网站Tag"
width="150">
</el-table-column>
<el-table-column align="center" prop="icon" label="网站Icon" width="150">
<template slot-scope="scope">
<div v-if="(scope.row.icon) != null && (scope.row.icon).length < 12">
{{scope.row.icon}}
</div>
<el-tooltip v-else-if="(scope.row.icon) != null && (scope.row.icon).length >= 12" placement="top" width="150"
trigger="hover"
effect="dark" close-delay="2000">
<div class="MyPopover" slot="content">{{scope.row.icon}}</div>
<div>
<span v-if="(scope.row.icon).length < 12">{{scope.row.icon}}</span>
<span v-else-if="(scope.row.icon).length > 12">{{ scope.row.icon.substr(0,12)}}...</span>
</div>
</el-tooltip>
</template>
</el-table-column>
<el-table-column align="center" key="name" prop="name" label="网站名" width="190"> <el-table-column align="center" key="name" prop="name" label="网站名" width="190">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip placement="top" width="150" <el-tooltip placement="top" width="150"
@ -86,13 +109,15 @@
</el-table-column> </el-table-column>
<el-table-column align="center" key="desc" prop="desc" label="描述" width="200"> <el-table-column align="center" key="desc" prop="desc" label="描述" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip v-if="(scope.row.desc) != null && (scope.row.desc).length > 12" placement="top" width="150" <div v-if="(scope.row.desc) != null && (scope.row.desc).length < 12">
{{scope.row.desc}}
</div>
<el-tooltip v-else-if="(scope.row.desc) != null && (scope.row.desc).length >= 12" placement="top" width="150"
trigger="hover" trigger="hover"
effect="dark" close-delay="2000"> effect="dark" close-delay="2000">
<div class="MyPopover" slot="content">{{scope.row.desc}}</div> <div class="MyPopover" slot="content">{{scope.row.desc}}</div>
<div> <div>
<span v-if="(scope.row.desc) == null">暂无</span> <span v-if="(scope.row.desc).length < 12">{{scope.row.desc}}</span>
<span v-else-if="(scope.row.desc).length < 12">{{scope.row.desc}}</span>
<span v-else-if="(scope.row.desc).length > 12">{{ scope.row.desc.substr(0,12)}}...</span> <span v-else-if="(scope.row.desc).length > 12">{{ scope.row.desc.substr(0,12)}}...</span>
</div> </div>
</el-tooltip> </el-tooltip>
@ -175,8 +200,8 @@
<el-form-item label="网站名" prop="name"> <el-form-item label="网站名" prop="name">
<el-input v-model="form.name" placeholder='网站名' clearable ></el-input> <el-input v-model="form.name" placeholder='网站名' clearable ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="网站id" prop="id" style="display: none"> <el-form-item label="网站id" prop="urlId" style="display: none">
<el-input v-model="form.id" placeholder='网站名' clearable ></el-input> <el-input v-model="form.urlId" placeholder='网站名' clearable ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="网站图标" prop="icon"> <el-form-item label="网站图标" prop="icon">
<el-input v-model="form.icon" placeholder='网站图标' clearable ></el-input> <el-input v-model="form.icon" placeholder='网站图标' clearable ></el-input>
@ -276,6 +301,7 @@ export default {
userId:null, userId:null,
List:[], List:[],
form:{ form:{
id:'',
agentHint:'', agentHint:'',
urlId:'', urlId:'',
name:'', name:'',
@ -296,10 +322,10 @@ export default {
needLogin: [{ required: 'true', message: '请完善信息', trigger: 'blur' }], needLogin: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
status: [{ required: 'true', message: '请输入是否启用', trigger: 'blur' }], status: [{ required: 'true', message: '请输入是否启用', trigger: 'blur' }],
icon: [{ required: 'true', message: '请完善信息', trigger: 'blur' }], icon: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
cate_id: [{ required: 'true', message: '请完善信息', trigger: 'blur' }], // parentId: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
url: [{ required: 'true', message: '请完善信息', trigger: 'blur' }], url: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
tags: [{ required: 'true', message: '请完善信息', trigger: 'blur' }], // tags: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
is_need_agent: [{ required: 'true', message: '请完善信息', trigger: 'blur' }], isNeedAgent: [{ required: 'true', message: '请完善信息', trigger: 'blur' }],
} }
} }
}, },
@ -315,6 +341,7 @@ export default {
// 重置表单： // 重置表单：
reset(){ reset(){
this.form = { this.form = {
id:'',
agentHint:'', agentHint:'',
urlId:'', urlId:'',
name:'', name:'',
@ -393,6 +420,7 @@ export default {
// 先重置 // 先重置
//表单重置 //表单重置
that.form = { that.form = {
id:'',
agentHint:'', agentHint:'',
urlId:'', urlId:'',
name:'', name:'',
@ -429,17 +457,19 @@ export default {
// 提交新增： // 提交新增：
addCategory(rulelist,title){ addCategory(rulelist,title){
var _this = this; var _this = this;
console.log(this.form);
_this.$refs[rulelist].validate((valid)=>{ _this.$refs[rulelist].validate((valid)=>{
if(valid){ if(valid){
if(title == "编辑网址"){ if(title == "编辑网址"){
axios({ axios({
method: 'post', method: 'post',
// 请求的地址 // 请求的地址
url: '/api/admin/weblist/update', url: '/api/admin/weblist/update',
// URL 中的查询参数 // URL 中的查询参数
params: { params: {
id:this.form.id, tags:this.form.tags,
agentHint:this.form.agentHint,
id:this.form.urlId,
name: this.form.name, name: this.form.name,
weigh: this.form.weigh, weigh: this.form.weigh,
icon:this.form.icon, icon:this.form.icon,
@ -476,6 +506,7 @@ export default {
url: '/api/admin/weblist/insertUrlByUser', url: '/api/admin/weblist/insertUrlByUser',
// URL 中的查询参数 // URL 中的查询参数
params: { params: {
agentHint:this.form.agentHint,
name: this.form.name, name: this.form.name,
weigh: this.form.weigh, weigh: this.form.weigh,
icon:this.form.icon, icon:this.form.icon,
@ -601,7 +632,7 @@ export default {
.MyTable{ .MyTable{
overflow:auto; overflow:auto;
margin-top:10px; margin-top:10px;
height:600px; height:500px;
width: 95%; width: 95%;
background-color:var(--table-bg-color); background-color:var(--table-bg-color);
color:var(--theme-color); color:var(--theme-color);