|
@@ -1,21 +1,5 @@
|
|
|
<template>
|
|
|
<div class="mainContentBox">
|
|
|
- <!-- <avue-crud
|
|
|
- ref="crudRef"
|
|
|
- v-model:search="search"
|
|
|
- v-model="form"
|
|
|
- :data="data"
|
|
|
- :option="option"
|
|
|
- v-model:page="page"
|
|
|
- @row-save="createRow"
|
|
|
- @row-update="updateRow"
|
|
|
- @row-del="deleteRow"
|
|
|
- @search-change="searchChange"
|
|
|
- @search-reset="resetChange"
|
|
|
- @size-change="dataList"
|
|
|
- @current-change="dataList"
|
|
|
- @selection-change="selectionChange"
|
|
|
- /> -->
|
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
|
<el-table-column label="日期" prop="a" />
|
|
|
<el-table-column label="月份" prop="b" />
|
|
@@ -30,14 +14,6 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
-import { ref, getCurrentInstance } from "vue";
|
|
|
-import { useCrud } from "@/hooks/userCrud";
|
|
|
-import ButtonPermKeys from "@/common/configs/buttonPermission";
|
|
|
-import { checkPerm } from "@/directive/permission";
|
|
|
-import { getUserList } from "@/api/system/user";
|
|
|
-import { repair, audit } from "@/api/device/index";
|
|
|
-import { useCommonStoreHook } from "@/store";
|
|
|
-import dictDataUtil from "@/common/configs/dictDataUtil";
|
|
|
const tableData = [
|
|
|
{
|
|
|
a: "2016-05-03",
|
|
@@ -128,168 +104,4 @@ const tableData = [
|
|
|
i: "-",
|
|
|
},
|
|
|
];
|
|
|
-const { isShowTable, tableType } = toRefs(useCommonStoreHook());
|
|
|
-const test = () => {
|
|
|
- isShowTable.value = true;
|
|
|
- tableType.value = tableType.value == 1 ? 2 : 1;
|
|
|
-};
|
|
|
-const permission = reactive({
|
|
|
- delBtn: checkPerm(ButtonPermKeys.DEVICE.BTNS.repair_del),
|
|
|
- addBtn: checkPerm(ButtonPermKeys.DEVICE.BTNS.repair_add),
|
|
|
- editBtn: checkPerm(ButtonPermKeys.DEVICE.BTNS.repair_edit),
|
|
|
- menu: true,
|
|
|
-});
|
|
|
-const viewPage = ref(true);
|
|
|
-
|
|
|
-const dialog = reactive({
|
|
|
- title: "设备选择",
|
|
|
- visible: false,
|
|
|
-});
|
|
|
-const dialog1 = reactive({
|
|
|
- title: "设备维修",
|
|
|
- visible: false,
|
|
|
-});
|
|
|
-const userList = ref([]);
|
|
|
-// 传入一个url,后面不带/
|
|
|
-const { form, data, option, search, page, toDeleteIds, Methords, Utils } =
|
|
|
- useCrud({
|
|
|
- src: "/api/v1/device/repair",
|
|
|
- });
|
|
|
-const { dataList, createRow, updateRow, deleteRow, searchChange, resetChange } =
|
|
|
- Methords; //增删改查
|
|
|
-const { selectionChange, multipleDelete } = Methords; //选中和批量删除事件
|
|
|
-const { checkBtnPerm, downloadTemplate, exportData } = Utils; //按钮权限等工具
|
|
|
-const crudRef = ref(null); //crudRef.value 获取avue-crud对象
|
|
|
-const deviceInfo = (value) => {
|
|
|
- form.value.deviceNo = value.deviceNo;
|
|
|
- form.value.deviceName = value.deviceName;
|
|
|
- form.value.deviceType = value.deviceType;
|
|
|
- form.value.devicePosition = value.devicePosition;
|
|
|
- dialog.visible = false;
|
|
|
-};
|
|
|
-const maintenanceInfo = ref(null);
|
|
|
-const maintenance = (row, type) => {
|
|
|
- viewPage.value = type === 0 ? false : true;
|
|
|
- maintenanceInfo.value = row;
|
|
|
- maintenanceInfo.value.handResult = 0;
|
|
|
- dialog1.visible = true;
|
|
|
-};
|
|
|
-const queryUserList = () => {
|
|
|
- getUserList({}).then((data) => {
|
|
|
- userList.value = data.data;
|
|
|
- });
|
|
|
-};
|
|
|
-const maintenanceInfoForm1 = ref("maintenanceInfoForm1");
|
|
|
-const maintenanceInfoForm2 = ref("maintenanceInfoForm2");
|
|
|
-const maintenanceSubmit1 = () => {
|
|
|
- //alert(JSON.stringify(maintenanceInfo.value))
|
|
|
- maintenanceInfoForm1.value.validate((isValid, invalidFields) => {
|
|
|
- if (isValid) {
|
|
|
- repair(maintenanceInfo.value).then((data) => {
|
|
|
- ElMessage({
|
|
|
- message: data.msg,
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- dialog1.visible = false;
|
|
|
- dataList();
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-const maintenanceSubmit2 = () => {
|
|
|
- //alert(JSON.stringify(maintenanceInfo.value))
|
|
|
- maintenanceInfoForm2.value.validate((isValid, invalidFields) => {
|
|
|
- if (isValid) {
|
|
|
- audit(maintenanceInfo.value).then((data) => {
|
|
|
- ElMessage({
|
|
|
- message: data.msg,
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- dialog1.visible = false;
|
|
|
- dataList();
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-const rules1 = reactive({
|
|
|
- handleUser: [
|
|
|
- { required: true, message: "维修人员不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
- handleContent: [
|
|
|
- { required: true, message: "维修内容不能为空", trigger: "blur" },
|
|
|
- ],
|
|
|
-});
|
|
|
-const rules2 = reactive({
|
|
|
- auditUser: [{ required: true, message: "审批人员不能为空", trigger: "blur" }],
|
|
|
-});
|
|
|
-// 设置表格列或者其他自定义的option
|
|
|
-option.value = Object.assign(option.value, {
|
|
|
- delBtn: false,
|
|
|
- selection: false,
|
|
|
- addBtn: false,
|
|
|
- editBtn: false,
|
|
|
- viewBtn: false,
|
|
|
- searchBtn: false,
|
|
|
- menu: false,
|
|
|
- column: [
|
|
|
- {
|
|
|
- label: "日期",
|
|
|
- prop: "a",
|
|
|
- addDisabled: true,
|
|
|
- search: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "月份",
|
|
|
- prop: "b",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "客户",
|
|
|
- prop: "c",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "车间",
|
|
|
- prop: "d",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "设备名称",
|
|
|
- prop: "e",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "设备型号",
|
|
|
- prop: "f",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "点检次数",
|
|
|
- prop: "g",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "异常次数",
|
|
|
- prop: "h",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- {
|
|
|
- label: "备注",
|
|
|
- prop: "i",
|
|
|
- width: "180",
|
|
|
- display: false,
|
|
|
- },
|
|
|
- ],
|
|
|
-});
|
|
|
-
|
|
|
-onMounted(() => {
|
|
|
- dataList();
|
|
|
- queryUserList();
|
|
|
-});
|
|
|
</script>
|