| | |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="add('æ°å»º')" |
| | | @click="addData()" |
| | | style=" |
| | | width: 5.5rem; |
| | | height: 2rem; |
| | |
| | | v-model="dialogVisible" |
| | | title="" |
| | | width="60%" |
| | | @close="handleClose(formRef)" |
| | | @close="resetForm(formRef)" |
| | | top="2%" |
| | | > |
| | | <template #title> |
| | |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import { ref, reactive, onMounted } from "vue"; |
| | | import { ref, reactive, onMounted, toRef } from "vue"; |
| | | import { |
| | | GetTemplateList, |
| | | AddData, |
| | |
| | | import { GetUerType } from "@/api/user"; |
| | | import { ElMessage } from "element-plus"; |
| | | import { formatTime } from "@/utils/index.js"; |
| | | const queryForm = reactive({ |
| | | |
| | | const obj = { |
| | | selectName: "", |
| | | selectTime: [], // æ¶é´èå´ |
| | | selectType: "", |
| | | selectInput: "", |
| | | }); |
| | | }; |
| | | const queryForm = toRef({ ...obj }); |
| | | |
| | | //è¡¨åæ°æ® |
| | | const tableData = ref([]); |
| | | const props = { multiple: true }; |
| | | const table = ref(false); |
| | | // const table = ref(false); |
| | | //æ°å»º/ç¼è¾ æäº¤æ°æ® |
| | | const form = ref({ |
| | | templateName: "", |
| | |
| | | fuZhu_Lc: "", |
| | | liJu_Dg: "", |
| | | fuZhu_Dg: "", |
| | | createDate: formatTime(new Date()), //å建æ¶é´ |
| | | creater: JSON.parse(localStorage.getItem("user")).userName, //å建人 |
| | | }); |
| | | |
| | | const selectoptions = ref([ |
| | | { |
| | | value: "çµæ°", |
| | | label: "çµæ°", |
| | | value: "templateName", |
| | | label: "模æ¿åç§°", |
| | | }, |
| | | { |
| | | value: "æºæ¢°", |
| | | label: "æºæ¢°", |
| | | value: "takeName", |
| | | label: "ä»»å¡åç§°", |
| | | }, |
| | | { |
| | | value: "å°æ²", |
| | | label: "å°æ²", |
| | | value: "jiShuYuan", |
| | | label: "ææ¯å", |
| | | }, |
| | | ]); |
| | | //表åè§å |
| | | const rules = reactive({ |
| | | templateName: [ |
| | | { required: true, message: "请è¾å
¥æ¨¡æ¿åç§°", trigger: "blur" }, |
| | |
| | | ], |
| | | fuZhu_Dg: [{ required: true, message: "请è¾å
¥å°æ²è¾
å©å", trigger: "blur" }], |
| | | }); |
| | | |
| | | function cancelClick() { |
| | | table.value = false; |
| | | } |
| | | function confirmClick() { |
| | | table.value = false; |
| | | } |
| | | //å¼¹åºæ¡ |
| | | const dialogVisible = ref(false); |
| | | const UerTypeoptions = ref({ |
| | |
| | | trench: [], //å°æ² |
| | | }); |
| | | const type = ref("æ°å»º"); |
| | | //æ°å»ºç¼è¾ref |
| | | const formRef = ref(); |
| | | //页颿°é |
| | | const pageTotal = ref(0); |
| | | //æ·»å æ¹æ³ |
| | | const add = (val) => { |
| | | type.value = val; |
| | | const addData = () => { |
| | | type.value = "æ°å»º"; |
| | | GetUerType().then((res) => { |
| | | UerTypeoptions.value.quality = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 2 |
| | | ); |
| | | UerTypeoptions.value.quality = res.data.filter((item) => { |
| | | return item.user_Id != 1 && item.roleName.substring(2, 4) == "è´¨æ£"; |
| | | }); |
| | | UerTypeoptions.value.electric = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 3 |
| | | (item) => |
| | | item.user_Id != 1 && |
| | | item.roleName.substring(2, 4) != "è´¨æ£" && |
| | | item.roleName.substring(0, 2) == "çµæ°" |
| | | ); |
| | | UerTypeoptions.value.mechanical = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 4 |
| | | (item) => |
| | | item.user_Id != 1 && |
| | | item.roleName.substring(2, 4) != "è´¨æ£" && |
| | | item.roleName.substring(0, 2) == "æºæ¢°" |
| | | ); |
| | | UerTypeoptions.value.trench = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 5 |
| | | (item) => |
| | | item.user_Id != 1 && |
| | | item.roleName.substring(2, 4) != "è´¨æ£" && |
| | | item.roleName.substring(0, 2) == "å°æ²" |
| | | ); |
| | | dialogVisible.value = true; |
| | | }); |
| | |
| | | form.value = Object.assign({}, obj); |
| | | dialogVisible.value = true; |
| | | GetUerType().then((res) => { |
| | | UerTypeoptions.value.quality = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 2 |
| | | ); |
| | | UerTypeoptions.value.quality = res.data.filter((item) => { |
| | | return item.user_Id != 1 && item.roleName.substring(2, 4) == "è´¨æ£"; |
| | | }); |
| | | UerTypeoptions.value.electric = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 3 |
| | | (item) => |
| | | item.user_Id != 1 && |
| | | item.roleName.substring(2, 4) != "è´¨æ£" && |
| | | item.roleName.substring(0, 2) == "çµæ°" |
| | | ); |
| | | UerTypeoptions.value.mechanical = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 4 |
| | | (item) => |
| | | item.user_Id != 1 && |
| | | item.roleName.substring(2, 4) != "è´¨æ£" && |
| | | item.roleName.substring(0, 2) == "æºæ¢°" |
| | | ); |
| | | UerTypeoptions.value.trench = res.data.filter( |
| | | (item) => item.roleId != 1 && item.roleId == 5 |
| | | (item) => |
| | | item.user_Id != 1 && |
| | | item.roleName.substring(2, 4) != "è´¨æ£" && |
| | | item.roleName.substring(0, 2) == "å°æ²" |
| | | ); |
| | | dialogVisible.value = true; |
| | | }); |
| | | }; |
| | | // è·åæ°æ® |
| | | const getpagedata = () => {}; |
| | | |
| | | //è·åéè¦å é¤çæ°æ® |
| | | const deletid = ref([]); |
| | |
| | | } |
| | | }); |
| | | }; |
| | | //å¯¼åºæ°æ® |
| | | const printExcel = () => { |
| | | // æ¥è¯¢æ¡ä»¶ |
| | | const startTime = formatTime(queryForm.selectTime[0]); |
| | | const endTime = formatTime(queryForm.selectTime[1]); |
| | | const startTime = formatTime(queryForm.value.selectTime[0]); |
| | | const endTime = formatTime(queryForm.value.selectTime[1]); |
| | | const filter = [ |
| | | { |
| | | name: queryForm.selectType, |
| | | value: queryForm.selectInput, |
| | | displayType: "String", |
| | | name: queryForm.value.selectType, |
| | | value: queryForm.value.selectInput, |
| | | displayType: "like", |
| | | }, |
| | | { |
| | | name: "pustatus", |
| | | value: queryForm.selectName, |
| | | value: queryForm.value.selectName, |
| | | displayType: "String", |
| | | }, |
| | | { name: "createDate", value: startTime, displayType: "ThanOrEqual" }, |
| | |
| | | pageQuery.value.page = val; |
| | | initData(); |
| | | }; |
| | | const pageTotal = ref(0); |
| | | //页é¢åå§åæ°æ® |
| | | const initData = () => { |
| | | // æ¥è¯¢æ¡ä»¶ |
| | | const startTime = formatTime(queryForm.selectTime[0]); |
| | | const endTime = formatTime(queryForm.selectTime[1]); |
| | | const startTime = formatTime(queryForm.value.selectTime[0]); |
| | | const endTime = formatTime(queryForm.value.selectTime[1]); |
| | | const filter = [ |
| | | { |
| | | name: "", |
| | | value: queryForm.selectName, |
| | | displayType: "Contains", |
| | | name: queryForm.value.selectType, |
| | | value: queryForm.value.selectInput, |
| | | displayType: "like", |
| | | }, |
| | | { name: "createDate", value: startTime, displayType: "ThanOrEqual" }, |
| | | { name: "createDate", value: endTime, displayType: "LessOrEqual" }, |
| | |
| | | pageQuery.value.page = 1; |
| | | initData(); |
| | | }; |
| | | //éç½®é¡µé¢ |
| | | const resetQuery = () => { |
| | | queryForm.value = { selectName: "", selectTime: [] }; |
| | | queryForm.value = Object.assign({}, obj); |
| | | pageQuery.value.page = 1; |
| | | initData(); |
| | | }; |
| | | const formRef = ref(); |
| | | |
| | | //é置表å |
| | | const handleClose = (formEl) => { |
| | | const resetForm = (formEl) => { |
| | | if (!formEl) return; |
| | | formEl.resetFields(); |
| | | form.value = { |
| | | templateName: "", |
| | | templateGroup: "", |
| | | takeName: "", |
| | | jiShuYuan: "", |
| | | gongZhang: "", |
| | | zhiJianYuan_Dq: "", |
| | | zhiJianYuan_Lc: "", |
| | | zhiJianYuan_Dg: "", |
| | | liJu_Dq: "", |
| | | fuZhu_Dq: "", |
| | | liJu_Lc: "", |
| | | fuZhu_Lc: "", |
| | | liJu_Dg: "", |
| | | fuZhu_Dg: "", |
| | | }; |
| | | }; |
| | | onMounted(() => { |
| | | initData(); |
| | |
| | | width: 6.88rem; |
| | | height: 2rem; |
| | | text-align: center; |
| | | border: 0.06rem solid rgba(222, 222, 222, 1); |
| | | border-radius: 0.25rem 0 0 0.25rem; |
| | | font-size: 0.75rem; |
| | | display: flex; |