From 8c6e79490aad70bd4483a5c2f8ef55f72314e5e6 Mon Sep 17 00:00:00 2001
From: mkm <727897186@qq.com>
Date: Sat, 19 Aug 2023 09:37:33 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9A=90=E8=97=8F=E6=96=B0=E5=A2=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/task_scheduling/index.vue | 352 +++++++++++++---------------
1 file changed, 165 insertions(+), 187 deletions(-)
diff --git a/src/views/task_scheduling/index.vue b/src/views/task_scheduling/index.vue
index ecda4d0..31b077d 100644
--- a/src/views/task_scheduling/index.vue
+++ b/src/views/task_scheduling/index.vue
@@ -1,38 +1,31 @@
<template>
- <div>
- <el-card class="!border-none mb-4" shadow="never">
- <el-form
- class="mb-[-16px] formtabel"
- :model="queryParams"
- inline
- label-width="100px"
- >
- <el-form-item label="区域经理" prop="create_user_id">
- <el-input
- class="w-[280px]"
- v-model="queryParams.create_user_id"
- clearable
- placeholder="请输入区域经理"
- />
- </el-form-item>
- <el-form-item label="公司" prop="company_id">
- <el-input
- class="w-[280px]"
- v-model="queryParams.company_id"
- clearable
- placeholder="请输入公司"
- />
- </el-form-item>
- <el-form-item>
- <el-button class="el-btn" type="primary" @click="resetPage"
- >查询</el-button
- >
- <el-button @click="resetParams">重置</el-button>
- </el-form-item>
- </el-form>
- </el-card>
- <el-card class="!border-none" v-loading="pager.loading" shadow="never">
- <el-button
+ <div>
+ <el-card class="!border-none mb-4" shadow="never">
+ <el-form class="mb-[-16px] formtabel" :model="queryParams" inline label-width="100px">
+ <el-form-item label="区域经理" prop="create_user_id">
+ <el-input
+ class="w-[280px]"
+ v-model="queryParams.create_user_id"
+ clearable
+ placeholder="请输入区域经理"
+ />
+ </el-form-item>
+ <el-form-item label="公司" prop="company_id">
+ <el-input
+ class="w-[280px]"
+ v-model="queryParams.company_id"
+ clearable
+ placeholder="请输入公司"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button class="el-btn" type="primary" @click="resetPage">查询</el-button>
+ <el-button @click="resetParams">重置</el-button>
+ </el-form-item>
+ </el-form>
+ </el-card>
+ <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+ <!-- <el-button
v-perms="['task_scheduling.task_scheduling/add']"
type="primary"
@click="handleAdd"
@@ -41,8 +34,8 @@
<icon name="el-icon-Plus" />
</template>
新增
- </el-button>
- <!--
+ </el-button> -->
+ <!--
<el-button
v-perms="['task_scheduling.task_scheduling/delete']"
:disabled="!selectData.length"
@@ -50,191 +43,176 @@
>
删除
</el-button> -->
- <div class="mt-4">
- <el-table :data="pager.lists" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" />
- <el-table-column
- label="区域经理"
- prop="admin_name"
- show-overflow-tooltip
- />
- <el-table-column
- label="公司"
- prop="company_name"
- show-overflow-tooltip
- />
- <el-table-column
- label="每日最大金额"
- prop="money"
- show-overflow-tooltip
- />
- <el-table-column
- label="公司类型"
- prop="company_type_name"
- show-overflow-tooltip
- />
- <el-table-column
- label="状态"
- min-width="100"
- v-perms="['task_scheduling.task_scheduling/edit']"
- >
- <template #default="{ row }">
- <el-switch
- v-model="row.status"
- :active-value="1"
- :inactive-value="0"
- @change="changeStatus(row)"
- />
- </template>
- </el-table-column>
+ <div class="mt-4">
+ <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" />
+ <el-table-column label="区域经理" prop="admin_name" show-overflow-tooltip />
+ <el-table-column label="公司" prop="company_name" show-overflow-tooltip />
+ <el-table-column label="每日最大金额" prop="money" show-overflow-tooltip />
+ <el-table-column
+ label="公司类型"
+ prop="company_type_name"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="状态"
+ min-width="100"
+ v-perms="['task_scheduling.task_scheduling/edit']"
+ >
+ <template #default="{ row }">
+ <el-switch
+ v-model="row.status"
+ :active-value="1"
+ :inactive-value="0"
+ @change="changeStatus(row)"
+ />
+ </template>
+ </el-table-column>
- <el-table-column label="操作" fixed="right">
- <template #default="{ row }">
- <el-button
- v-perms="['task.task_calendar']"
- @click="moneyAdd(row)"
- type="primary"
- link
- >
- 金额
- </el-button>
- <el-button
- v-perms="['task_template.task_template/lists']"
- type="primary"
- link
- >
- <router-link
- :to="{
- path: getRoutePath('task_template.task_template/lists'),
- query: {
- id: row.id,
- company_id: row.company_id,
- },
- }"
- >任务安排</router-link
- >
- </el-button>
- <el-button v-perms="['task.task_calendar']" type="primary" link>
- <router-link
- :to="{
- path: getRoutePath('task.task_calendar'),
- query: {
- id: row.id,
- company_id: row.company_id,
- },
- }"
- >任务日程</router-link
- >
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <div class="flex mt-4 justify-end">
- <pagination v-model="pager" @change="getLists" />
- </div>
- </el-card>
- <edit-popup
- v-if="showEdit"
- ref="editRef"
- :dict-data="dictData"
- @success="getLists"
- @close="showEdit = false"
- />
- <money
- ref="moneyRef"
- v-if="moneyShow"
- @success="getLists"
- @close="moneyShow = false"
- ></money>
- </div>
+ <el-table-column label="操作" fixed="right">
+ <template #default="{ row }">
+ <el-button
+ v-perms="['task.task_calendar']"
+ @click="moneyAdd(row)"
+ type="primary"
+ link
+ >
+ 金额
+ </el-button>
+ <el-button
+ v-perms="['task_template.task_template/lists']"
+ type="primary"
+ link
+ >
+ <router-link
+ :to="{
+ path: getRoutePath('task_template.task_template/lists'),
+ query: {
+ id: row.id,
+ company_id: row.company_id
+ }
+ }"
+ >任务安排</router-link
+ >
+ </el-button>
+ <el-button v-perms="['task.task_calendar']" type="primary" link>
+ <router-link
+ :to="{
+ path: getRoutePath('task.task_calendar'),
+ query: {
+ id: row.id,
+ company_id: row.company_id
+ }
+ }"
+ >任务日程</router-link
+ >
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ <div class="flex mt-4 justify-end">
+ <pagination v-model="pager" @change="getLists" />
+ </div>
+ </el-card>
+ <edit-popup
+ v-if="showEdit"
+ ref="editRef"
+ :dict-data="dictData"
+ @success="getLists"
+ @close="showEdit = false"
+ />
+ <money
+ ref="moneyRef"
+ v-if="moneyShow"
+ @success="getLists"
+ @close="moneyShow = false"
+ ></money>
+ </div>
</template>
<script lang="ts" setup name="taskSchedulingLists">
-import { usePaging } from "@/hooks/usePaging";
-import { useDictData } from "@/hooks/useDictOptions";
-import {
- apiTaskSchedulingLists,
- apiTaskSchedulingEdit,
-} from "@/api/task_scheduling";
-import { timeFormat } from "@/utils/util";
-import feedback from "@/utils/feedback";
-import EditPopup from "./edit.vue";
-import { dictDataLists } from "@/api/setting/dict";
-import { getRoutePath } from "@/router";
-import money from "./money.vue";
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiTaskSchedulingLists, apiTaskSchedulingEdit } from '@/api/task_scheduling'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+import { dictDataLists } from '@/api/setting/dict'
+import { getRoutePath } from '@/router'
+import money from './money.vue'
-const datalist = ref([]);
-const editRef = shallowRef<InstanceType<typeof EditPopup>>();
-const moneyRef = shallowRef<InstanceType<typeof money>>();
+const datalist = ref([])
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+const moneyRef = shallowRef<InstanceType<typeof money>>()
// 是否显示编辑框
-const showEdit = ref(false);
+const showEdit = ref(false)
// 是否显示金额编辑框
-const moneyShow = ref(false);
+const moneyShow = ref(false)
// 查询条件
const queryParams = reactive({
- create_user_id: "",
- template_id: "",
- company_id: "",
- type: "",
- status: "",
-});
+ create_user_id: '',
+ template_id: '',
+ company_id: '',
+ type: '',
+ status: ''
+})
// 选中数据
-const selectData = ref<any[]>([]);
+const selectData = ref<any[]>([])
// 表格选择后回调事件
const handleSelectionChange = (val: any[]) => {
- selectData.value = val.map(({ id }) => id);
-};
+ selectData.value = val.map(({ id }) => id)
+}
// 获取字典数据
-const { dictData } = useDictData("");
+const { dictData } = useDictData('')
// 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({
- fetchFun: apiTaskSchedulingLists,
- params: queryParams,
-});
+ fetchFun: apiTaskSchedulingLists,
+ params: queryParams
+})
// 添加
const handleAdd = async () => {
- showEdit.value = true;
- await nextTick();
- editRef.value?.open("add");
-};
+ showEdit.value = true
+ await nextTick()
+ editRef.value?.open('add')
+}
// 设置金额
const moneyAdd = async (obj: any) => {
- moneyShow.value = true;
- await nextTick();
- moneyRef.value?.open(obj.money ? "edit" : "add");
- moneyRef.value?.setFormData(obj);
-};
+ moneyShow.value = true
+ await nextTick()
+ moneyRef.value?.open(obj.money ? 'edit' : 'add')
+ moneyRef.value?.setFormData(obj)
+}
const changeStatus = (data: any) => {
- apiTaskSchedulingEdit({
- id: data.id,
- status: data.status,
- }).finally(() => {
- getLists();
- });
-};
+ apiTaskSchedulingEdit({
+ id: data.id,
+ status: data.status
+ }).finally(() => {
+ getLists()
+ })
+}
dictDataLists({ type_id: 10 }).then((res) => {
- datalist.value = res.lists;
-});
+ datalist.value = res.lists
+})
-getLists();
+getLists()
</script>
<style lang="scss" scoped>
.formtabel {
- .el-form-item {
- width: 20%;
+ .el-form-item {
+ width: 20%;
- .el-btn {
- margin-left: 100px;
+ .el-btn {
+ margin-left: 100px;
+ }
}
- }
}
</style>