|
|
|
@ -1,98 +1,103 @@
|
|
|
|
<script lang="ts" setup>
|
|
|
|
<script lang="ts" setup>
|
|
|
|
import { onMounted, ref, reactive, unref, computed } from "vue";
|
|
|
|
import { computed, onMounted, reactive, ref, unref, watch } from 'vue'
|
|
|
|
import { useRoute, useRouter } from "vue-router";
|
|
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
|
import testImg from "@/assets/images/test.png";
|
|
|
|
import { chunk } from 'lodash-es'
|
|
|
|
import { chunk } from "lodash-es";
|
|
|
|
import { useDialog, useMessage } from 'naive-ui'
|
|
|
|
import type { RowData } from "@/config/final";
|
|
|
|
import { RepeatModal, RepeatTaskTableModal } from '../comp'
|
|
|
|
import { getFinalList } from "@/api/final";
|
|
|
|
import testImg from '@/assets/images/test.png'
|
|
|
|
import { useFinal } from "@/store/modules/final";
|
|
|
|
import type { RowData } from '@/config/final'
|
|
|
|
import { formatToDateHMS } from "@/utils/dateUtil";
|
|
|
|
import { getFinalList } from '@/api/final'
|
|
|
|
import { useMessage, useDialog } from "naive-ui";
|
|
|
|
import { useFinal } from '@/store/modules/final'
|
|
|
|
import { audit } from "@/api/task/task";
|
|
|
|
import { formatToDateHMS } from '@/utils/dateUtil'
|
|
|
|
import NotPassed from "@/components/Approval/NotPassed.vue";
|
|
|
|
import { audit } from '@/api/task/task'
|
|
|
|
import { RepeatModal, RepeatTaskTableModal } from "../comp";
|
|
|
|
import NotPassed from '@/components/Approval/NotPassed.vue'
|
|
|
|
const dialog = useDialog();
|
|
|
|
|
|
|
|
const message = useMessage();
|
|
|
|
const emit = defineEmits(['changeShow'])
|
|
|
|
const router = useRouter();
|
|
|
|
const dialog = useDialog()
|
|
|
|
const notPassModalRef = ref(null); // 不通过弹窗
|
|
|
|
const message = useMessage()
|
|
|
|
const sortorder = ref("asc");
|
|
|
|
const router = useRouter()
|
|
|
|
const sortname = ref("states");
|
|
|
|
const notPassModalRef = ref(null) // 不通过弹窗
|
|
|
|
const loading = ref(true);
|
|
|
|
const sortorder = ref('asc')
|
|
|
|
const total = ref(0);
|
|
|
|
const sortname = ref('states')
|
|
|
|
const scrollContainer = ref(null);
|
|
|
|
const loading = ref(true)
|
|
|
|
const tableData = ref<any>([]);
|
|
|
|
const total = ref(0)
|
|
|
|
const finalStore = useFinal();
|
|
|
|
const scrollContainer = ref(null)
|
|
|
|
|
|
|
|
const tableData = ref<any>([])
|
|
|
|
let num = 1;
|
|
|
|
const finalStore = useFinal()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let num = 1
|
|
|
|
const pagination = reactive({
|
|
|
|
const pagination = reactive({
|
|
|
|
page: 1,
|
|
|
|
page: 1,
|
|
|
|
pageCount: 20,
|
|
|
|
pageCount: 20,
|
|
|
|
pageSize: 20,
|
|
|
|
pageSize: 20,
|
|
|
|
});
|
|
|
|
})
|
|
|
|
const repeatModalRef = ref(null);
|
|
|
|
const repeatModalRef = ref(null)
|
|
|
|
const repeatTaskTableModalRef = ref(null);
|
|
|
|
const repeatTaskTableModalRef = ref(null)
|
|
|
|
const selectionIds = ref([]);
|
|
|
|
const selectionIds = ref([])
|
|
|
|
const showActions = computed(() => {
|
|
|
|
const showActions = computed(() => {
|
|
|
|
return selectionIds.value.length;
|
|
|
|
return selectionIds.value.length
|
|
|
|
});
|
|
|
|
})
|
|
|
|
const emit = defineEmits(["changeShow"]);
|
|
|
|
|
|
|
|
function handleCheck(row: any, showcheck: any) {
|
|
|
|
function handleCheck(row: any, showcheck: any) {
|
|
|
|
if (showcheck == false) {
|
|
|
|
if (showcheck == false) {
|
|
|
|
console.log(tableData.value);
|
|
|
|
console.log(tableData.value)
|
|
|
|
tableData.value.map((item) => {
|
|
|
|
tableData.value.forEach((item) => {
|
|
|
|
if (item.length > 0) {
|
|
|
|
if (item.length > 0) {
|
|
|
|
item.map((itemx, index) => {
|
|
|
|
item.forEach((itemx, index) => {
|
|
|
|
if (row.id == itemx.id) {
|
|
|
|
if (row.id == itemx.id)
|
|
|
|
itemx.showcheck = true;
|
|
|
|
itemx.showcheck = true
|
|
|
|
}
|
|
|
|
|
|
|
|
//newlistx.push(itemx)
|
|
|
|
// newlistx.push(itemx)
|
|
|
|
});
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})
|
|
|
|
selectionIds.value.push(row);
|
|
|
|
selectionIds.value.push(row)
|
|
|
|
} else {
|
|
|
|
}
|
|
|
|
tableData.value.map((item) => {
|
|
|
|
else {
|
|
|
|
|
|
|
|
tableData.value.forEach((item) => {
|
|
|
|
if (item.length > 0) {
|
|
|
|
if (item.length > 0) {
|
|
|
|
item.map((itemx, index) => {
|
|
|
|
item.forEach((itemx, index) => {
|
|
|
|
if (row.id == itemx.id) {
|
|
|
|
if (row.id == itemx.id)
|
|
|
|
itemx.showcheck = false;
|
|
|
|
itemx.showcheck = false
|
|
|
|
}
|
|
|
|
|
|
|
|
//newlistx.push(itemx)
|
|
|
|
// newlistx.push(itemx)
|
|
|
|
});
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})
|
|
|
|
selectionIds.value.pop(row);
|
|
|
|
selectionIds.value.pop(row)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function switchBatch() {
|
|
|
|
function switchBatch() {
|
|
|
|
tableData.value.map((item) => {
|
|
|
|
tableData.value.forEach((item) => {
|
|
|
|
item.map((itemx, index) => {
|
|
|
|
item.forEach((itemx, index) => {
|
|
|
|
itemx.showcheck = false;
|
|
|
|
itemx.showcheck = false
|
|
|
|
});
|
|
|
|
})
|
|
|
|
});
|
|
|
|
})
|
|
|
|
selectionIds.value = [];
|
|
|
|
selectionIds.value = []
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function changeContent() {
|
|
|
|
function changeContent() {
|
|
|
|
emit("changeShow");
|
|
|
|
emit('changeShow')
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
function initRem() {
|
|
|
|
|
|
|
|
const designWidth = 1440
|
|
|
|
|
|
|
|
const rempPx = 16
|
|
|
|
|
|
|
|
const scale = window.innerWidth / designWidth
|
|
|
|
|
|
|
|
document.documentElement.style.fontSize = `${scale * rempPx}px`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const initRem = () => {
|
|
|
|
|
|
|
|
const designWidth = 1440;
|
|
|
|
|
|
|
|
const rempPx = 16;
|
|
|
|
|
|
|
|
const scale = window.innerWidth / designWidth;
|
|
|
|
|
|
|
|
document.documentElement.style.fontSize = scale * rempPx + "px";
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async function initData(
|
|
|
|
async function initData(
|
|
|
|
page: number,
|
|
|
|
page: number,
|
|
|
|
pageSize: number,
|
|
|
|
pageSize: number,
|
|
|
|
filterId?: any,
|
|
|
|
filterId?: any,
|
|
|
|
taskName?: string
|
|
|
|
taskName?: string,
|
|
|
|
) {
|
|
|
|
) {
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue);
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue)
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
let params = asideParmas;
|
|
|
|
let params = asideParmas
|
|
|
|
params = params?.izshowall ? {} : params;
|
|
|
|
if (params?.izshowall == false)
|
|
|
|
|
|
|
|
params.isFail = false
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
params = params?.izshowall ? { isFail: true } : params
|
|
|
|
|
|
|
|
|
|
|
|
const result = await getFinalList({
|
|
|
|
const result = await getFinalList({
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
@ -100,40 +105,39 @@ async function initData(
|
|
|
|
currPage: page,
|
|
|
|
currPage: page,
|
|
|
|
sortname: sortname.value,
|
|
|
|
sortname: sortname.value,
|
|
|
|
taskName,
|
|
|
|
taskName,
|
|
|
|
isFail: true,
|
|
|
|
|
|
|
|
...params,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
const { data, pageCount, totalCount } = result;
|
|
|
|
|
|
|
|
console.log(data, pageCount, totalCount);
|
|
|
|
|
|
|
|
//tableData.value = tableData.value.concat(data);
|
|
|
|
|
|
|
|
tableData.value = data;
|
|
|
|
|
|
|
|
console.log(tableData.value);
|
|
|
|
|
|
|
|
total.value = totalCount;
|
|
|
|
|
|
|
|
pagination.page = page;
|
|
|
|
|
|
|
|
pagination.pageCount = Math.ceil(totalCount / pageSize);
|
|
|
|
|
|
|
|
loading.value = false;
|
|
|
|
|
|
|
|
tableData.value.map((item) => {
|
|
|
|
|
|
|
|
item.showcheck = false;
|
|
|
|
|
|
|
|
if (isValidTimestamp(item.createdate)) {
|
|
|
|
|
|
|
|
item.createdate = formatToDateHMS(item.createdate);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
tableData.value = chunk(tableData.value, 4);
|
|
|
|
...params,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
const { data, pageCount, totalCount } = result
|
|
|
|
|
|
|
|
console.log(data, pageCount, totalCount)
|
|
|
|
|
|
|
|
// tableData.value = tableData.value.concat(data);
|
|
|
|
|
|
|
|
tableData.value = data
|
|
|
|
|
|
|
|
console.log(tableData.value)
|
|
|
|
|
|
|
|
total.value = totalCount
|
|
|
|
|
|
|
|
pagination.page = page
|
|
|
|
|
|
|
|
pagination.pageCount = Math.ceil(totalCount / pageSize)
|
|
|
|
|
|
|
|
loading.value = false
|
|
|
|
|
|
|
|
tableData.value.forEach((item) => {
|
|
|
|
|
|
|
|
item.showcheck = false
|
|
|
|
|
|
|
|
if (isValidTimestamp(item.fromuptime))
|
|
|
|
|
|
|
|
item.fromuptime = formatToDateHMS(item.fromuptime)
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
tableData.value = chunk(tableData.value, 4)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
async function query(
|
|
|
|
async function query(
|
|
|
|
page: number,
|
|
|
|
page: number,
|
|
|
|
pageSize: number,
|
|
|
|
pageSize: number,
|
|
|
|
filterId?: any,
|
|
|
|
filterId?: any,
|
|
|
|
taskName?: string
|
|
|
|
taskName?: string,
|
|
|
|
) {
|
|
|
|
) {
|
|
|
|
console.log("query", taskName);
|
|
|
|
console.log('query', taskName)
|
|
|
|
|
|
|
|
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue);
|
|
|
|
const asideParmas = unref(finalStore.getAsideValue)
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// 有过滤配置的时候优先使用过滤配置，不要使用左侧参数
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
// let params = filterId ? { userSearchId: filterId } : asideParmas
|
|
|
|
let params = asideParmas;
|
|
|
|
let params = asideParmas
|
|
|
|
params = params?.izshowall ? {} : params;
|
|
|
|
params = params?.izshowall ? {} : params
|
|
|
|
|
|
|
|
|
|
|
|
const result = await getFinalList({
|
|
|
|
const result = await getFinalList({
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
sortorder: sortorder.value,
|
|
|
|
@ -143,151 +147,153 @@ async function query(
|
|
|
|
taskName,
|
|
|
|
taskName,
|
|
|
|
isFail: true,
|
|
|
|
isFail: true,
|
|
|
|
...params,
|
|
|
|
...params,
|
|
|
|
});
|
|
|
|
})
|
|
|
|
const { data, pageCount, totalCount } = result;
|
|
|
|
const { data, pageCount, totalCount } = result
|
|
|
|
//console.log(data, pageCount, totalCount);
|
|
|
|
// console.log(data, pageCount, totalCount);
|
|
|
|
let newlist = [];
|
|
|
|
const newlist = []
|
|
|
|
let oldlist = tableData.value;
|
|
|
|
const oldlist = tableData.value
|
|
|
|
if (oldlist.length > 0) {
|
|
|
|
if (oldlist.length > 0) {
|
|
|
|
oldlist.map((item) => {
|
|
|
|
oldlist.forEach((item) => {
|
|
|
|
// console.log(item);
|
|
|
|
// console.log(item);
|
|
|
|
if (item.length > 0) {
|
|
|
|
if (item.length > 0) {
|
|
|
|
item.map((itemx: any) => {
|
|
|
|
item.forEach((itemx: any) => {
|
|
|
|
itemx.showcheck = false;
|
|
|
|
itemx.showcheck = false
|
|
|
|
newlist.push(itemx);
|
|
|
|
newlist.push(itemx)
|
|
|
|
});
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})
|
|
|
|
data.map((item) => {
|
|
|
|
data.forEach((item) => {
|
|
|
|
item.showcheck = false;
|
|
|
|
item.showcheck = false
|
|
|
|
newlist.push(item);
|
|
|
|
newlist.push(item)
|
|
|
|
});
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
}
|
|
|
|
data.map((item) => {
|
|
|
|
else {
|
|
|
|
item.showcheck = false;
|
|
|
|
data.forEach((item) => {
|
|
|
|
newlist.push(item);
|
|
|
|
item.showcheck = false
|
|
|
|
});
|
|
|
|
newlist.push(item)
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//tableData.value = tableData.value.concat(data);
|
|
|
|
// tableData.value = tableData.value.concat(data);
|
|
|
|
tableData.value = newlist;
|
|
|
|
tableData.value = newlist
|
|
|
|
// console.log(tableData.value);
|
|
|
|
// console.log(tableData.value);
|
|
|
|
total.value = totalCount;
|
|
|
|
total.value = totalCount
|
|
|
|
pagination.page = page;
|
|
|
|
pagination.page = page
|
|
|
|
pagination.pageCount = Math.ceil(totalCount / pageSize);
|
|
|
|
pagination.pageCount = Math.ceil(totalCount / pageSize)
|
|
|
|
loading.value = false;
|
|
|
|
loading.value = false
|
|
|
|
tableData.value.map((item) => {
|
|
|
|
tableData.value.forEach((item) => {
|
|
|
|
if (isValidTimestamp(item.createdate)) {
|
|
|
|
if (isValidTimestamp(item.fromuptime))
|
|
|
|
item.createdate = formatToDateHMS(item.createdate);
|
|
|
|
item.fromuptime = formatToDateHMS(item.fromuptime)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
tableData.value = chunk(tableData.value, 4)
|
|
|
|
tableData.value = chunk(tableData.value, 4);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function isValidTimestamp(value) {
|
|
|
|
function isValidTimestamp(value) {
|
|
|
|
if (typeof value !== "number" || !Number.isInteger(value)) {
|
|
|
|
if (typeof value !== 'number' || !Number.isInteger(value))
|
|
|
|
return false; // 首先确保值是一个整数数字
|
|
|
|
return false // 首先确保值是一个整数数字
|
|
|
|
}
|
|
|
|
|
|
|
|
const date = new Date(value);
|
|
|
|
const date = new Date(value)
|
|
|
|
return !isNaN(date.getTime()); // 验证能否转换为有效日期
|
|
|
|
return !Number.isNaN(date.getTime()) // 验证能否转换为有效日期
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//查看详情页
|
|
|
|
// 查看详情页
|
|
|
|
function goDetail(row) {
|
|
|
|
function goDetail(row) {
|
|
|
|
router.push({
|
|
|
|
router.push({
|
|
|
|
name: "final-detail",
|
|
|
|
name: 'final-detail',
|
|
|
|
query: { id: row.id, packageid: row.packageid },
|
|
|
|
query: { id: row.id, packageid: row.packageid },
|
|
|
|
});
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 小结批量不通过
|
|
|
|
// 小结批量不通过
|
|
|
|
function repeatBatchReject(items) {
|
|
|
|
function repeatBatchReject(items) {
|
|
|
|
console.log(items);
|
|
|
|
console.log(items)
|
|
|
|
rejectHandler(items);
|
|
|
|
rejectHandler(items)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 审核不通过
|
|
|
|
// 审核不通过
|
|
|
|
function rejectHandler(list) {
|
|
|
|
function rejectHandler(list) {
|
|
|
|
console.log(list);
|
|
|
|
console.log(list)
|
|
|
|
const msg = validate(list);
|
|
|
|
const msg = validate(list)
|
|
|
|
if (msg !== null) {
|
|
|
|
if (msg !== null) {
|
|
|
|
message.error(msg);
|
|
|
|
message.error(msg)
|
|
|
|
return;
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function validate(items: any[]) {
|
|
|
|
function validate(items: any[]) {
|
|
|
|
if (items.length === 0) return "至少选中一个任务";
|
|
|
|
if (items.length === 0)
|
|
|
|
return null;
|
|
|
|
return '至少选中一个任务'
|
|
|
|
|
|
|
|
return null
|
|
|
|
}
|
|
|
|
}
|
|
|
|
console.log(notPassModalRef);
|
|
|
|
console.log(notPassModalRef)
|
|
|
|
const modal = unref(notPassModalRef)! as any;
|
|
|
|
const modal = unref(notPassModalRef)! as any
|
|
|
|
modal.showModal(list);
|
|
|
|
modal.showModal(list)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function showModal(modalRef: any) {
|
|
|
|
function showModal(modalRef: any) {
|
|
|
|
const modal = unref(modalRef)! as any;
|
|
|
|
const modal = unref(modalRef)! as any
|
|
|
|
modal.showModal();
|
|
|
|
modal.showModal()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
onMounted(() => {
|
|
|
|
onMounted(() => {
|
|
|
|
initRem();
|
|
|
|
initRem()
|
|
|
|
initData(1, 20);
|
|
|
|
initData(1, 20)
|
|
|
|
});
|
|
|
|
})
|
|
|
|
const item = {
|
|
|
|
const item = {
|
|
|
|
img: testImg,
|
|
|
|
img: testImg,
|
|
|
|
checked: false,
|
|
|
|
checked: false,
|
|
|
|
title: "YP45678",
|
|
|
|
title: 'YP45678',
|
|
|
|
date: "2023-12-19 12:09:18",
|
|
|
|
date: '2023-12-19 12:09:18',
|
|
|
|
};
|
|
|
|
}
|
|
|
|
const data = ref<any[]>([]);
|
|
|
|
const data = ref<any[]>([])
|
|
|
|
function actionHandler(action: any, row: any) {
|
|
|
|
function actionHandler(action: any, row: any) {
|
|
|
|
const { key } = action;
|
|
|
|
const { key } = action
|
|
|
|
switch (key) {
|
|
|
|
switch (key) {
|
|
|
|
case "view":
|
|
|
|
case 'view':
|
|
|
|
goDetail(row);
|
|
|
|
goDetail(row)
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
case "reset":
|
|
|
|
case 'reset':
|
|
|
|
// resetHandler()
|
|
|
|
// resetHandler()
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
case "approval":
|
|
|
|
case 'approval':
|
|
|
|
singleApproval(row);
|
|
|
|
singleApproval(row)
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
case "reject":
|
|
|
|
case 'reject':
|
|
|
|
rejectHandler(row);
|
|
|
|
rejectHandler(row)
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
default:
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
break
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 审核通过
|
|
|
|
// 审核通过
|
|
|
|
function doAudit(param: any, row: any) {
|
|
|
|
function doAudit(param: any, row: any) {
|
|
|
|
dialog.info({
|
|
|
|
dialog.info({
|
|
|
|
title: "确认提示",
|
|
|
|
title: '确认提示',
|
|
|
|
content: "确认给该任务审批为【通过】吗?",
|
|
|
|
content: '确认给该任务审批为【通过】吗?',
|
|
|
|
positiveText: "确定",
|
|
|
|
positiveText: '确定',
|
|
|
|
negativeText: "取消",
|
|
|
|
negativeText: '取消',
|
|
|
|
onPositiveClick: () => {
|
|
|
|
onPositiveClick: () => {
|
|
|
|
audit(param).then((res) => {
|
|
|
|
audit(param).then((res) => {
|
|
|
|
const { code } = res;
|
|
|
|
const { code } = res
|
|
|
|
if (code === "OK") {
|
|
|
|
if (code === 'OK') {
|
|
|
|
message.success(res.message);
|
|
|
|
message.success(res.message)
|
|
|
|
//changecardstatus(3, row);
|
|
|
|
// changecardstatus(3, row);
|
|
|
|
initData(1, 20);
|
|
|
|
initData(1, 20)
|
|
|
|
num = 1;
|
|
|
|
num = 1
|
|
|
|
reload();
|
|
|
|
reload()
|
|
|
|
} else {
|
|
|
|
}
|
|
|
|
message.error(res.message);
|
|
|
|
else {
|
|
|
|
|
|
|
|
message.error(res.message)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
onNegativeClick: () => {},
|
|
|
|
onNegativeClick: () => {},
|
|
|
|
});
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 单个审批通过
|
|
|
|
// 单个审批通过
|
|
|
|
function singleApproval(row) {
|
|
|
|
function singleApproval(row) {
|
|
|
|
console.log(row);
|
|
|
|
console.log(row)
|
|
|
|
const param = {
|
|
|
|
const param = {
|
|
|
|
result: true,
|
|
|
|
result: true,
|
|
|
|
comment: "",
|
|
|
|
comment: '',
|
|
|
|
disposeType: "",
|
|
|
|
disposeType: '',
|
|
|
|
disposeTypeId: "",
|
|
|
|
disposeTypeId: '',
|
|
|
|
failCauseId: "",
|
|
|
|
failCauseId: '',
|
|
|
|
failCauseName: "",
|
|
|
|
failCauseName: '',
|
|
|
|
flowTaskInfoList: [
|
|
|
|
flowTaskInfoList: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
formId: row.id,
|
|
|
|
formId: row.id,
|
|
|
|
@ -295,126 +301,144 @@ function singleApproval(row) {
|
|
|
|
taskName: row.fromTaskName,
|
|
|
|
taskName: row.fromTaskName,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
};
|
|
|
|
}
|
|
|
|
doAudit(param, row);
|
|
|
|
doAudit(param, row)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 批量通过
|
|
|
|
// 批量通过
|
|
|
|
function batchApproval() {
|
|
|
|
function batchApproval() {
|
|
|
|
const items: any = selectionIds.value;
|
|
|
|
const items: any = selectionIds.value
|
|
|
|
const msg = validate(items);
|
|
|
|
const msg = validate(items)
|
|
|
|
function validate(items: any[]) {
|
|
|
|
function validate(items: any[]) {
|
|
|
|
if (items.length === 0) return "至少选中一个任务";
|
|
|
|
if (items.length === 0)
|
|
|
|
return null;
|
|
|
|
return '至少选中一个任务'
|
|
|
|
|
|
|
|
return null
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (msg !== null) {
|
|
|
|
if (msg !== null) {
|
|
|
|
message.error(msg);
|
|
|
|
message.error(msg)
|
|
|
|
return;
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
console.log(items);
|
|
|
|
console.log(items)
|
|
|
|
const list: any = [];
|
|
|
|
const list: any = []
|
|
|
|
items.forEach((item) => {
|
|
|
|
items.forEach((item) => {
|
|
|
|
list.push({
|
|
|
|
list.push({
|
|
|
|
formId: item.id,
|
|
|
|
formId: item.id,
|
|
|
|
taskId: item.taskId,
|
|
|
|
taskId: item.taskId,
|
|
|
|
taskName: item.fromtaskname,
|
|
|
|
taskName: item.fromtaskname,
|
|
|
|
});
|
|
|
|
})
|
|
|
|
});
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
const param = {
|
|
|
|
const param = {
|
|
|
|
result: true,
|
|
|
|
result: true,
|
|
|
|
comment: "",
|
|
|
|
comment: '',
|
|
|
|
disposeType: "",
|
|
|
|
disposeType: '',
|
|
|
|
disposeTypeId: "",
|
|
|
|
disposeTypeId: '',
|
|
|
|
failCauseId: "",
|
|
|
|
failCauseId: '',
|
|
|
|
failCauseName: "",
|
|
|
|
failCauseName: '',
|
|
|
|
flowTaskInfoList: list,
|
|
|
|
flowTaskInfoList: list,
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
doAudit(param, {});
|
|
|
|
doAudit(param, {})
|
|
|
|
selectionIds.value = [];
|
|
|
|
selectionIds.value = []
|
|
|
|
num = 1;
|
|
|
|
num = 1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// 批量不通过
|
|
|
|
// 批量不通过
|
|
|
|
function batchReject() {
|
|
|
|
function batchReject() {
|
|
|
|
const items: any = selectionIds.value;
|
|
|
|
const items: any = selectionIds.value
|
|
|
|
rejectHandler(items);
|
|
|
|
rejectHandler(items)
|
|
|
|
selectionIds.value = [];
|
|
|
|
selectionIds.value = []
|
|
|
|
num = 1;
|
|
|
|
num = 1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//修改卡片状态渲染效果
|
|
|
|
// 修改卡片状态渲染效果
|
|
|
|
function changecardstatus(states, item) {
|
|
|
|
function changecardstatus(states, item) {
|
|
|
|
//let index = tableData.value.findIndex(itemx => itemx.id === item.id);
|
|
|
|
// let index = tableData.value.findIndex(itemx => itemx.id === item.id);
|
|
|
|
let newlist = [];
|
|
|
|
const newlist = []
|
|
|
|
tableData.value.map((itemarr, indexarr) => {
|
|
|
|
tableData.value.forEach((itemarr, indexarr) => {
|
|
|
|
itemarr.map((itemobj, indexobj) => {
|
|
|
|
itemarr.forEach((itemobj, indexobj) => {
|
|
|
|
if (item.id == itemobj.id) {
|
|
|
|
if (item.id == itemobj.id)
|
|
|
|
itemobj.states = states;
|
|
|
|
itemobj.states = states
|
|
|
|
}
|
|
|
|
|
|
|
|
newlist.push(itemobj);
|
|
|
|
newlist.push(itemobj)
|
|
|
|
});
|
|
|
|
})
|
|
|
|
});
|
|
|
|
})
|
|
|
|
tableData.value = chunk(newlist, 4);
|
|
|
|
tableData.value = chunk(newlist, 4)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function reload() {
|
|
|
|
function reload() {
|
|
|
|
//query(1, 20)
|
|
|
|
// query(1, 20)
|
|
|
|
//num=1
|
|
|
|
// num=1
|
|
|
|
//selectionIds.value = []
|
|
|
|
// selectionIds.value = []
|
|
|
|
//checkedRowKeys.value = []
|
|
|
|
// checkedRowKeys.value = []
|
|
|
|
// const { page, pageSize } = unref(tableRef.value?.pagination) as PaginationProps
|
|
|
|
// const { page, pageSize } = unref(tableRef.value?.pagination) as PaginationProps
|
|
|
|
// query(page!, pageSize!)
|
|
|
|
// query(page!, pageSize!)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
let debounceTimer;
|
|
|
|
let debounceTimer
|
|
|
|
// 检查是否滚动到底部
|
|
|
|
// 检查是否滚动到底部
|
|
|
|
function checkBottom() {
|
|
|
|
function checkBottom() {
|
|
|
|
const container = scrollContainer.value;
|
|
|
|
const container = scrollContainer.value
|
|
|
|
// console.log(1)
|
|
|
|
// console.log(1)
|
|
|
|
if (!container) return;
|
|
|
|
if (!container)
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
|
|
|
|
// const { scrollTop, clientHeight, scrollHeight } = container;
|
|
|
|
// const { scrollTop, clientHeight, scrollHeight } = container;
|
|
|
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
|
|
const scrollTop = window.pageYOffset || document.documentElement.scrollTop
|
|
|
|
|
|
|
|
|
|
|
|
// 获取视口的内部高度
|
|
|
|
// 获取视口的内部高度
|
|
|
|
const clientHeight =
|
|
|
|
const clientHeight
|
|
|
|
window.innerHeight || document.documentElement.clientHeight;
|
|
|
|
= window.innerHeight || document.documentElement.clientHeight
|
|
|
|
|
|
|
|
|
|
|
|
// 获取整个文档的高度
|
|
|
|
// 获取整个文档的高度
|
|
|
|
const scrollHeight = document.documentElement.scrollHeight;
|
|
|
|
const scrollHeight = document.documentElement.scrollHeight
|
|
|
|
|
|
|
|
|
|
|
|
clearTimeout(debounceTimer);
|
|
|
|
clearTimeout(debounceTimer)
|
|
|
|
debounceTimer = setTimeout(() => {
|
|
|
|
debounceTimer = setTimeout(() => {
|
|
|
|
if (scrollTop + clientHeight >= scrollHeight - 10) {
|
|
|
|
if (scrollTop + clientHeight >= scrollHeight - 10) {
|
|
|
|
num = num + 1;
|
|
|
|
num = num + 1
|
|
|
|
console.log(num);
|
|
|
|
console.log(num)
|
|
|
|
query(num, 20);
|
|
|
|
query(num, 20)
|
|
|
|
// fetchData(); // 接近底部时加载更多数据
|
|
|
|
// fetchData(); // 接近底部时加载更多数据
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, 500);
|
|
|
|
}, 500)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function changesort(sortnamex) {
|
|
|
|
function changesort(sortnamex) {
|
|
|
|
if (sortorder.value == "asc" && sortnamex == "submit_date_timestamp") {
|
|
|
|
if (sortorder.value == 'asc' && sortnamex == 'submit_date_timestamp') {
|
|
|
|
sortorder.value = "desc";
|
|
|
|
sortorder.value = 'desc'
|
|
|
|
sortname.value = "submit_date_timestamp";
|
|
|
|
sortname.value = 'submit_date_timestamp'
|
|
|
|
}else if (sortorder.value == "desc" && sortnamex == "submit_date_timestamp") {
|
|
|
|
}
|
|
|
|
sortorder.value = "asc";
|
|
|
|
else if (sortorder.value == 'desc' && sortnamex == 'submit_date_timestamp') {
|
|
|
|
sortname.value = "submit_date_timestamp";
|
|
|
|
sortorder.value = 'asc'
|
|
|
|
} else if (sortorder.value == "desc" && sortnamex == "similarity_score") {
|
|
|
|
sortname.value = 'submit_date_timestamp'
|
|
|
|
sortorder.value = "asc";
|
|
|
|
}
|
|
|
|
sortname.value = "similarity_score";
|
|
|
|
else if (sortorder.value == 'desc' && sortnamex == 'similarity_score') {
|
|
|
|
} else if (sortorder.value == "asc" && sortnamex == "similarity_score") {
|
|
|
|
sortorder.value = 'asc'
|
|
|
|
sortorder.value = "desc";
|
|
|
|
sortname.value = 'similarity_score'
|
|
|
|
sortname.value = "similarity_score";
|
|
|
|
}
|
|
|
|
} else if (sortorder.value == "asc" && sortnamex == "field1") {
|
|
|
|
else if (sortorder.value == 'asc' && sortnamex == 'similarity_score') {
|
|
|
|
sortorder.value = "desc";
|
|
|
|
sortorder.value = 'desc'
|
|
|
|
sortname.value = "field1";
|
|
|
|
sortname.value = 'similarity_score'
|
|
|
|
} else if (sortorder.value == "desc" && sortnamex == "field1") {
|
|
|
|
|
|
|
|
sortorder.value = "asc";
|
|
|
|
|
|
|
|
sortname.value = "field1";
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
initData(1, 20);
|
|
|
|
else if (sortorder.value == 'asc' && sortnamex == 'field1') {
|
|
|
|
num=1
|
|
|
|
sortorder.value = 'desc'
|
|
|
|
|
|
|
|
sortname.value = 'field1'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else if (sortorder.value == 'desc' && sortnamex == 'field1') {
|
|
|
|
|
|
|
|
sortorder.value = 'asc'
|
|
|
|
|
|
|
|
sortname.value = 'field1'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
initData(1, 20)
|
|
|
|
|
|
|
|
num = 1
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
watch(
|
|
|
|
|
|
|
|
() => finalStore.asideValue,
|
|
|
|
|
|
|
|
(newVal, oldVal) => {
|
|
|
|
|
|
|
|
initData(1, 20)
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{ deep: true },
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
|
|
|
|
initData,
|
|
|
|
|
|
|
|
})
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
@ -459,18 +483,17 @@ num=1
|
|
|
|
src="@/assets/images/task/btn-not-pass.png"
|
|
|
|
src="@/assets/images/task/btn-not-pass.png"
|
|
|
|
alt=""
|
|
|
|
alt=""
|
|
|
|
@click.stop="batchReject"
|
|
|
|
@click.stop="batchReject"
|
|
|
|
/>
|
|
|
|
>
|
|
|
|
<SvgIcon size="24" name="vs" />
|
|
|
|
<SvgIcon size="24" name="vs" />
|
|
|
|
<img
|
|
|
|
<img
|
|
|
|
class="btn-approval"
|
|
|
|
class="btn-approval"
|
|
|
|
src="@/assets/images/task/btn-pass.png"
|
|
|
|
src="@/assets/images/task/btn-pass.png"
|
|
|
|
alt=""
|
|
|
|
alt=""
|
|
|
|
@click.stop="batchApproval"
|
|
|
|
@click.stop="batchApproval"
|
|
|
|
/>
|
|
|
|
>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<n-popover
|
|
|
|
<n-popover
|
|
|
|
ref="popover"
|
|
|
|
|
|
|
|
:style="{ padding: '0px' }"
|
|
|
|
:style="{ padding: '0px' }"
|
|
|
|
style="width: 148px"
|
|
|
|
style="width: 148px"
|
|
|
|
:show-arrow="false"
|
|
|
|
:show-arrow="false"
|
|
|
|
@ -484,26 +507,20 @@ num=1
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<ul class="wrapper-header-action">
|
|
|
|
<ul class="wrapper-header-action">
|
|
|
|
<li @click="importHandler">
|
|
|
|
<li @click="importHandler">
|
|
|
|
<SvgIcon size="20" name="import" /><span style="margin-left: 5px"
|
|
|
|
<SvgIcon size="20" name="import" /><span style="margin-left: 5px">批量导入数据</span>
|
|
|
|
>批量导入数据</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li @click="exportHandler">
|
|
|
|
<li @click="exportHandler">
|
|
|
|
<SvgIcon size="20" name="download" /><span
|
|
|
|
<SvgIcon size="20" name="download" /><span
|
|
|
|
style="margin-left: 5px"
|
|
|
|
style="margin-left: 5px"
|
|
|
|
>导出待审数据</span
|
|
|
|
>导出待审数据</span>
|
|
|
|
>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<li>
|
|
|
|
<SvgIcon size="20" name="download" /><span
|
|
|
|
<SvgIcon size="20" name="download" /><span
|
|
|
|
style="margin-left: 5px"
|
|
|
|
style="margin-left: 5px"
|
|
|
|
>导出全部数据</span
|
|
|
|
>导出全部数据</span>
|
|
|
|
>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<li>
|
|
|
|
<SvgIcon size="20" name="look" /><span style="margin-left: 5px"
|
|
|
|
<SvgIcon size="20" name="look" /><span style="margin-left: 5px">查看导入记录</span>
|
|
|
|
>查看导入记录</span
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
</n-popover>
|
|
|
|
</n-popover>
|
|
|
|
@ -511,21 +528,18 @@ num=1
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="header_data">
|
|
|
|
<div class="header_data">
|
|
|
|
<DataHeader :hasColor="true" />
|
|
|
|
<DataHeader :has-color="true" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="wrapper-settings">
|
|
|
|
<div class="wrapper-settings">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div @click="changesort('submit_date_timestamp')">
|
|
|
|
<div @click="changesort('submit_date_timestamp')">
|
|
|
|
<span>提报时间排序</span
|
|
|
|
<span>提报时间排序</span><SvgIcon style="margin-left: 6px" name="sort" size="13" />
|
|
|
|
><SvgIcon style="margin-left: 6px" name="sort" size="13" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div @click="changesort('similarity_score')">
|
|
|
|
<div @click="changesort('similarity_score')">
|
|
|
|
<span>相似度排序</span
|
|
|
|
<span>相似度排序</span><SvgIcon style="margin-left: 6px" name="sort" size="13" />
|
|
|
|
><SvgIcon style="margin-left: 6px" name="sort" size="13" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div @click="changesort('field1')">
|
|
|
|
<div @click="changesort('field1')">
|
|
|
|
<span>提报人排序</span
|
|
|
|
<span>提报人排序</span><SvgIcon style="margin-left: 6px" name="sort" size="13" />
|
|
|
|
><SvgIcon style="margin-left: 6px" name="sort" size="13" />
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style="width: 3vw">
|
|
|
|
<div style="width: 3vw">
|
|
|
|
@ -538,51 +552,58 @@ num=1
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="cotnet_wrapeer" @scroll="checkBottom" ref="scrollContainer">
|
|
|
|
<div ref="scrollContainer" :class="tableData.length > 4 ? 'cotnet_wrapeer' : 'cotnet_wrapeertwo'" @scroll="checkBottom">
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="data_wrapper"
|
|
|
|
|
|
|
|
v-for="(sitem, sindex) in tableData"
|
|
|
|
v-for="(sitem, sindex) in tableData"
|
|
|
|
:key="sindex"
|
|
|
|
:key="sindex"
|
|
|
|
|
|
|
|
class="data_wrapper"
|
|
|
|
:style="
|
|
|
|
:style="
|
|
|
|
sitem.length == 1
|
|
|
|
sitem.length == 1
|
|
|
|
? { width: '25%' }
|
|
|
|
? { width: '25%' }
|
|
|
|
: sitem.length == 2
|
|
|
|
: sitem.length == 2
|
|
|
|
? { width: '50%' }
|
|
|
|
? { width: '50%' }
|
|
|
|
: sitem.length == 3
|
|
|
|
: sitem.length == 3
|
|
|
|
? { width: '75%' }
|
|
|
|
? { width: '75%' }
|
|
|
|
: {}
|
|
|
|
: {}
|
|
|
|
"
|
|
|
|
"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="item"
|
|
|
|
|
|
|
|
v-for="(item, index) in sitem"
|
|
|
|
v-for="(item, index) in sitem"
|
|
|
|
:key="index"
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
class="item"
|
|
|
|
:style="
|
|
|
|
:style="
|
|
|
|
sitem.length == 1
|
|
|
|
sitem.length == 1
|
|
|
|
? { margin: '0 4% 0 4%' }
|
|
|
|
? { margin: '0 4% 0 4%' }
|
|
|
|
: sitem.length == 2
|
|
|
|
: sitem.length == 2
|
|
|
|
? { margin: '0 2% 0 2%' }
|
|
|
|
? { margin: '0 2% 0 2%' }
|
|
|
|
: sitem.length == 3
|
|
|
|
: sitem.length == 3
|
|
|
|
? { margin: '0 1.2% 0 1.2%' }
|
|
|
|
? { margin: '0 1.2% 0 1.2%' }
|
|
|
|
: {}
|
|
|
|
: {}
|
|
|
|
"
|
|
|
|
"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div class="top">
|
|
|
|
<div class="top">
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
@click="goDetail(item)"
|
|
|
|
|
|
|
|
class="img"
|
|
|
|
class="img"
|
|
|
|
:style="
|
|
|
|
:style="
|
|
|
|
item.serverThumbnailUrl != null
|
|
|
|
item.serverThumbnailUrl != null
|
|
|
|
? `background:url(${item.serverThumbnailUrl});background-size:100% 100%;background-repeat: no-repeat;`
|
|
|
|
? `background:url(${item.serverThumbnailUrl});background-size:100% 100%;background-repeat: no-repeat;`
|
|
|
|
: `background:url(${item.imgUrl});background-size:100% 100%;background-repeat: no-repeat;`
|
|
|
|
: `background:url(${item.imgUrl});background-size:100% 100%;background-repeat: no-repeat;`
|
|
|
|
"
|
|
|
|
"
|
|
|
|
></div>
|
|
|
|
@click="goDetail(item)"
|
|
|
|
<div class="check_box" v-show="item.states == 2">
|
|
|
|
>
|
|
|
|
|
|
|
|
<div v-if="item.similarityscore != -1" class="percent">
|
|
|
|
|
|
|
|
<SvgIcon size="30" :name="item.similarityscore == 100 ? 'error_tag' : 'tag'" />
|
|
|
|
|
|
|
|
<div class="val">
|
|
|
|
|
|
|
|
{{ `${item.similarityscore}%` }}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div v-show="item.states == 2" class="check_box">
|
|
|
|
<n-checkbox
|
|
|
|
<n-checkbox
|
|
|
|
size="medium"
|
|
|
|
size="medium"
|
|
|
|
label=" "
|
|
|
|
label=" "
|
|
|
|
@click="handleCheck(item, item.showcheck)"
|
|
|
|
|
|
|
|
:checked="item.showcheck"
|
|
|
|
:checked="item.showcheck"
|
|
|
|
|
|
|
|
@click="handleCheck(item, item.showcheck)"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="content" @click="goDetail(item)">
|
|
|
|
<div class="content" @click="goDetail(item)">
|
|
|
|
@ -592,23 +613,23 @@ num=1
|
|
|
|
</n-ellipsis>
|
|
|
|
</n-ellipsis>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="date">
|
|
|
|
<div class="date">
|
|
|
|
<n-ellipsis style="max-width: 100%"
|
|
|
|
<n-ellipsis style="max-width: 100%">
|
|
|
|
>{{ item.createdate }}
|
|
|
|
{{ item.fromuptime }}
|
|
|
|
</n-ellipsis>
|
|
|
|
</n-ellipsis>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tag_box">
|
|
|
|
<div class="tag_box">
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="tag_item"
|
|
|
|
|
|
|
|
v-for="index in 2"
|
|
|
|
v-for="index in 2"
|
|
|
|
:key="index"
|
|
|
|
:key="index"
|
|
|
|
|
|
|
|
class="tag_item"
|
|
|
|
:style="
|
|
|
|
:style="
|
|
|
|
index == 2 || item.states == 3
|
|
|
|
index == 2 || item.states == 3
|
|
|
|
? 'color:#02C984'
|
|
|
|
? 'color:#02C984'
|
|
|
|
: item.states == 2
|
|
|
|
: item.states == 2
|
|
|
|
? 'color: #fe9800;background:#f7eac075'
|
|
|
|
? 'color: #fe9800;background:#f7eac075'
|
|
|
|
: item.states == 5
|
|
|
|
: item.states == 5
|
|
|
|
? 'color:#FF4E4F;background:#f7c0c06b'
|
|
|
|
? 'color:#FF4E4F;background:#f7c0c06b'
|
|
|
|
: 'color:#02C984'
|
|
|
|
: 'color:#02C984'
|
|
|
|
"
|
|
|
|
"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{{
|
|
|
|
{{
|
|
|
|
@ -616,10 +637,10 @@ num=1
|
|
|
|
? item.states == 3
|
|
|
|
? item.states == 3
|
|
|
|
? "通过"
|
|
|
|
? "通过"
|
|
|
|
: item.states == 2
|
|
|
|
: item.states == 2
|
|
|
|
? "待审核"
|
|
|
|
? "待审核"
|
|
|
|
: item.states == 5
|
|
|
|
: item.states == 5
|
|
|
|
? "未通过"
|
|
|
|
? "未通过"
|
|
|
|
: ""
|
|
|
|
: ""
|
|
|
|
: item.fromusername
|
|
|
|
: item.fromusername
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -627,24 +648,24 @@ num=1
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bottom">
|
|
|
|
<div class="bottom">
|
|
|
|
<!-- <div class="reset_action">重置审批</div>-->
|
|
|
|
<!-- <div class="reset_action">重置审批</div> -->
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="resovle_action"
|
|
|
|
|
|
|
|
v-show="item.states != 2"
|
|
|
|
v-show="item.states != 2"
|
|
|
|
|
|
|
|
class="resovle_action"
|
|
|
|
@click="goDetail(item)"
|
|
|
|
@click="goDetail(item)"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
查看
|
|
|
|
查看
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="resovle_action"
|
|
|
|
|
|
|
|
v-show="item.states == 2"
|
|
|
|
v-show="item.states == 2"
|
|
|
|
|
|
|
|
class="resovle_action"
|
|
|
|
@click="actionHandler({ key: 'approval' }, item)"
|
|
|
|
@click="actionHandler({ key: 'approval' }, item)"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
通过
|
|
|
|
通过
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="reject_action"
|
|
|
|
|
|
|
|
v-show="item.states == 2"
|
|
|
|
v-show="item.states == 2"
|
|
|
|
|
|
|
|
class="reject_action"
|
|
|
|
@click="actionHandler({ key: 'reject' }, [item])"
|
|
|
|
@click="actionHandler({ key: 'reject' }, [item])"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
不通过
|
|
|
|
不通过
|
|
|
|
@ -842,6 +863,7 @@ num=1
|
|
|
|
// height: auto;
|
|
|
|
// height: auto;
|
|
|
|
object-fit: cover;
|
|
|
|
object-fit: cover;
|
|
|
|
border-radius: 0.18rem;
|
|
|
|
border-radius: 0.18rem;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.check_box {
|
|
|
|
.check_box {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
@ -924,11 +946,42 @@ num=1
|
|
|
|
height: 67vh;
|
|
|
|
height: 67vh;
|
|
|
|
//padding-right: 10px; /* 右侧内边距 */
|
|
|
|
//padding-right: 10px; /* 右侧内边距 */
|
|
|
|
overflow: hidden; /* 默认隐藏滚动条 */
|
|
|
|
overflow: hidden; /* 默认隐藏滚动条 */
|
|
|
|
|
|
|
|
} .cotnet_wrapeertwo {
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 67vh;
|
|
|
|
|
|
|
|
//padding-right: 10px; /* 右侧内边距 */
|
|
|
|
|
|
|
|
overflow: hidden; /* 默认隐藏滚动条 */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.cotnet_wrapeer:hover {
|
|
|
|
.cotnet_wrapeer:hover {
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
width: calc(100% + 5px);
|
|
|
|
width: calc(100% + 5px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.percent {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
|
|
right: 0px;
|
|
|
|
|
|
|
|
top: -4px;
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.val {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
font-size: 10px;
|
|
|
|
|
|
|
|
font-family: PingFang SC, PingFang SC-Semibold;
|
|
|
|
|
|
|
|
font-weight: Semibold;
|
|
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
/* 定义滚动条的宽度及背景颜色 */
|
|
|
|
/* 定义滚动条的宽度及背景颜色 */
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
position: fixed;
|
|
|
|
position: fixed;
|
|
|
|
|
刘释隆
zhouxiaoan
赵辉
lihui_ocr
raofuzi
