From de2f2613ffd98786bc7252a35ceb6a4d165849ef Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期五, 15 三月 2024 14:27:14 +0800
Subject: [PATCH] 界面调整
---
src/views/target/manage/index.vue | 96 ++++++++++++++++--------------------------------
1 files changed, 32 insertions(+), 64 deletions(-)
diff --git a/src/views/target/manage/index.vue b/src/views/target/manage/index.vue
index 22b1266..f8726fe 100644
--- a/src/views/target/manage/index.vue
+++ b/src/views/target/manage/index.vue
@@ -1,69 +1,37 @@
<template>
<div class="p-2">
- <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
- <div class="search" v-show="showSearch">
- <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
- <el-form-item label="" prop="tgCreateTime">
- <el-date-picker clearable
- v-model="queryParams.tgCreateTime"
- type="date"
- value-format="YYYY-MM-DD"
- placeholder="璇烽�夋嫨"
- />
- </el-form-item>
- <el-form-item label="" prop="userId">
- <el-input v-model="queryParams.userId" placeholder="璇疯緭鍏�" clearable style="width: 240px" @keyup.enter="handleQuery" />
- </el-form-item>
- <el-form-item label="" prop="tgName">
- <el-input v-model="queryParams.tgName" placeholder="璇疯緭鍏�" clearable style="width: 240px" @keyup.enter="handleQuery" />
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- </div>
- </transition>
-
<el-card shadow="never">
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
- <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['tg:manage:add']">鏂板</el-button>
+ <el-button type="primary" plain @click="handleAdd" v-hasPermi="['tg:manage:add']">鏂板缓</el-button>
</el-col>
- <el-col :span="1.5">
- <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['tg:manage:edit']">淇敼</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['tg:manage:remove']">鍒犻櫎</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['tg:manage:export']">瀵煎嚭</el-button>
- </el-col>
- <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+
</el-row>
</template>
<el-table v-loading="loading" :data="manageList" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="" align="center" prop="tgStatus" />
- <el-table-column label="" align="center" prop="tgType" />
- <el-table-column label="" align="center" prop="tgCreateTime" width="180">
+ <el-table-column label="搴忓彿" type="index" width="55" align="center" />
+ <el-table-column label="鎸囨爣鍚嶇О" align="center" prop="tgStatus" />
+ <el-table-column label="鎸囨爣绫诲瀷" align="center" prop="tgType" />
+ <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="tgCreateTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.tgCreateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
- <el-table-column label="" align="center" prop="tgId" v-if="true" />
- <el-table-column label="" align="center" prop="userId" />
- <el-table-column label="" align="center" prop="tgName" />
+ <el-table-column label="鍒涘缓浜�" align="center" prop="tgId" v-if="true" />
+ <el-table-column label="鐘舵��" align="center" prop="userId" />
<el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
<template #default="scope">
- <el-tooltip content="淇敼" placement="top">
- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['tg:manage:edit']"></el-button>
- </el-tooltip>
- <el-tooltip content="鍒犻櫎" placement="top">
- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tg:manage:remove']"></el-button>
- </el-tooltip>
+ <el-button link type="primary" @click="handledisable()">绂佺敤</el-button>
+ <el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['tg:manage:edit']">缂栬緫</el-button>
+ <el-button link type="danger" @click="handleDelete(scope.row)" v-hasPermi="['tg:manage:edit']">鍒犻櫎</el-button>
+<!-- <el-tooltip content="淇敼" placement="top">-->
+<!-- <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['tg:manage:edit']"></el-button>-->
+<!-- </el-tooltip>-->
+<!-- <el-tooltip content="鍒犻櫎" placement="top">-->
+<!-- <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tg:manage:remove']"></el-button>-->
+<!-- </el-tooltip>-->
</template>
</el-table-column>
</el-table>
@@ -79,19 +47,14 @@
<!-- 娣诲姞鎴栦慨鏀广�愯濉啓鍔熻兘鍚嶇О銆戝璇濇 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="manageFormRef" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="" prop="tgCreateTime">
- <el-date-picker clearable
- v-model="form.tgCreateTime"
- type="datetime"
- value-format="YYYY-MM-DD HH:mm:ss"
- placeholder="璇烽�夋嫨">
- </el-date-picker>
- </el-form-item>
- <el-form-item label="" prop="userId">
+ <el-form-item label="鎸囨爣鍚嶇О" prop="tgCreateTime" required>
<el-input v-model="form.userId" placeholder="璇疯緭鍏�" />
</el-form-item>
- <el-form-item label="" prop="tgName">
- <el-input v-model="form.tgName" placeholder="璇疯緭鍏�" />
+ <el-form-item label="鎸囨爣绫诲瀷" prop="userId" required>
+ <el-select v-model="form.region" placeholder="璇烽�夋嫨">
+ <el-option label="鍖哄幙鎸囨爣" value="shanghai" />
+ <el-option label="琛楅晣鎸囨爣" value="beijing" />
+ </el-select>
</el-form-item>
</el-form>
<template #footer>
@@ -216,7 +179,7 @@
const handleAdd = () => {
reset();
dialog.visible = true;
- dialog.title = "娣诲姞銆愯濉啓鍔熻兘鍚嶇О銆�";
+ dialog.title = "鏂板";
}
/** 淇敼鎸夐挳鎿嶄綔 */
@@ -226,7 +189,7 @@
const res = await getManage(_tgId);
Object.assign(form.value, res.data);
dialog.visible = true;
- dialog.title = "淇敼銆愯濉啓鍔熻兘鍚嶇О銆�";
+ dialog.title = "淇敼";
}
/** 鎻愪氦鎸夐挳 */
@@ -245,11 +208,16 @@
}
});
}
-
+const handledisable = async () => {
+ await proxy?.$modal.confirm('璇风‘瀹氭槸鍚︾鐢紵').finally(() => loading.value = false);
+ // await delManage();
+ proxy?.$modal.msgSuccess("绂佺敤鎴愬姛");
+ await getList();
+}
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
const handleDelete = async (row?: ManageVO) => {
const _tgIds = row?.tgId || ids.value;
- await proxy?.$modal.confirm('鏄惁纭鍒犻櫎銆愯濉啓鍔熻兘鍚嶇О銆戠紪鍙蜂负"' + _tgIds + '"鐨勬暟鎹」锛�').finally(() => loading.value = false);
+ await proxy?.$modal.confirm('璇风‘璁ゆ槸鍚﹀垹闄わ紵').finally(() => loading.value = false);
await delManage(_tgIds);
proxy?.$modal.msgSuccess("鍒犻櫎鎴愬姛");
await getList();
--
Gitblit v1.8.0