| | |
| | | <div class="content"> |
| | | <div class="checkbox"> |
| | | <div |
| | | v-if="show == 'è¶
级' || show == 'æºæ¢°'" |
| | | :class="['item', isactive == 'æºæ¢°' ? 'isactive' : '']" |
| | | @click="changeactive('æºæ¢°')" |
| | | > |
| | | æºæ¢° |
| | | </div> |
| | | <div |
| | | v-if="show == 'è¶
级' || show == 'çµæ°'" |
| | | :class="['item', isactive == 'çµæ°' ? 'isactive' : '']" |
| | | @click="changeactive('çµæ°')" |
| | | > |
| | | çµæ° |
| | | </div> |
| | | <div |
| | | v-if="show == 'è¶
级' || show == 'å°æ²'" |
| | | :class="['item', isactive == 'å°æ²' ? 'isactive' : '']" |
| | | @click="changeactive('å°æ²')" |
| | | > |
| | |
| | | size="small" |
| | | /> |
| | | </div> |
| | | <!-- <div class="serch_box"> |
| | | <div class="serch_box"> |
| | | <div class="serchb"> |
| | | <el-select |
| | | v-model="queryForm.selectType" |
| | |
| | | placeholder="请è¾å
¥å
³é®è¯æç´¢" |
| | | style="border-left: 0.06rem solid #e2e2e2" |
| | | /> |
| | | </div> --> |
| | | </div> |
| | | <el-button |
| | | @click="handleQuery" |
| | | type="primary" |
| | |
| | | label="æ´¾å·¥æ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="finishedtime" |
| | | label="å®ææ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="finishedtime" label="å®ææ¥æ" align="center"> |
| | | <template #default="scope"> |
| | | {{ |
| | | scope.row.finishedtime != "1900-01-01 00:00:00" |
| | | ? scope.row.finishedtime |
| | | : "" |
| | | }} |
| | | </template></el-table-column |
| | | > |
| | | <el-table-column label="æä½" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | |
| | | v-if="scope.row.pustatus == 1" |
| | | size="small" |
| | | type="text" |
| | | @click="router.push('/Startjob')" |
| | | @click="toDetail(scope.row, isactive)" |
| | | >å¼å§ä½ä¸</el-button |
| | | > |
| | | <el-button |
| | |
| | | label="æ´¾å·¥æ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="finishedtime" |
| | | label="å®ææ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="finishedtime" label="å®ææ¥æ" align="center"> |
| | | <template #default="scope"> |
| | | {{ |
| | | scope.row.finishedtime != "1900-01-01 00:00:00" |
| | | ? scope.row.finishedtime |
| | | : "" |
| | | }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æä½" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | |
| | | v-if="scope.row.pustatus == 1" |
| | | size="small" |
| | | type="text" |
| | | @click="claim(scope.row, 2)" |
| | | @click="toDetail(scope.row, isactive)" |
| | | >å¼å§ä½ä¸</el-button |
| | | > |
| | | <el-button |
| | |
| | | label="æ´¾å·¥æ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column |
| | | prop="finishedtime" |
| | | label="å®ææ¥æ" |
| | | align="center" |
| | | /> |
| | | <el-table-column prop="finishedtime" label="å®ææ¥æ" align="center"> |
| | | <template #default="scope"> |
| | | {{ |
| | | scope.row.finishedtime != "1900-01-01 00:00:00" |
| | | ? scope.row.finishedtime |
| | | : "" |
| | | }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æä½" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | |
| | | v-if="scope.row.pustatus == 1" |
| | | size="small" |
| | | type="text" |
| | | @click="claim(scope.row, 2)" |
| | | @click="toDetail(scope.row, isactive)" |
| | | >å¼å§ä½ä¸</el-button |
| | | > |
| | | <el-button |
| | |
| | | <template #footer> |
| | | <div class="dialog-footer" style="text-align: right"> |
| | | <el-button @click="claimdialogVisible2 = false">åæ¶</el-button> |
| | | <el-button type="primary" @click="claimdialogVisible = false"> |
| | | 确认 |
| | | </el-button> |
| | | <el-button type="primary" @click="changeStatus"> 确认 </el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import { ref, reactive, onMounted } from "vue"; |
| | | import { ref, reactive, onMounted, toRef } from "vue"; |
| | | import { ElMessage, ElMessageBox } from "element-plus"; |
| | | import { useRouter } from "vue-router"; |
| | | import { GetPageData, ExportApi } from "@/api/newapi/Thecurrentjob"; |
| | | import { formatTime } from "@/utils/index.js"; |
| | | import { GetDetail, ChangeStatus } from "@/api/newapi/Thecurrentjob"; |
| | | import { |
| | | GetDetail, |
| | | ChangeStatus, |
| | | GetPageData, |
| | | ExportApi, |
| | | GetPageDataNew, |
| | | } from "@/api/newapi/Thecurrentjob"; |
| | | import { GetSleeveandStep } from "@/api/newapi/Process"; |
| | | import { GetUserInfo } from "@/api/user"; |
| | | |
| | | const router = useRouter(); |
| | | const obj = { |
| | |
| | | selectType: "", |
| | | inputcontent: "", |
| | | }; |
| | | const queryForm = ref({ |
| | | selectName: "", |
| | | selectTime: [], // æ¶é´èå´ |
| | | selectType: "", |
| | | inputcontent: "", |
| | | }); |
| | | const queryForm = toRef({ ...obj }); |
| | | const selectoptions = ref([ |
| | | { |
| | | value: "takename", |
| | |
| | | { |
| | | value: "gonzhang", |
| | | label: "æ£ä¿®å·¥é¿", |
| | | }, |
| | | { |
| | | value: "zhijianyuan", |
| | | label: "è´¨æ£å", |
| | | }, |
| | | { |
| | | value: "lijuzouyeyuan", |
| | | label: "åç©ä½ä¸å", |
| | | }, |
| | | ]); |
| | | const tableData = ref([]); |
| | |
| | | queryForm.selectType = value; |
| | | initData(); |
| | | }; |
| | | //å¼¹åºæ¡ |
| | | const dialogVisible = ref(false); |
| | | //å 餿¹æ³ |
| | | const add = () => { |
| | | dialogVisible.value = true; |
| | | }; |
| | | //ç¼è¾æ¹æ³ |
| | | const Edit = () => { |
| | | dialogVisible.value = true; |
| | | }; |
| | | |
| | | const claimdata = ref({ |
| | | id: "", |
| | | gruops: "", |
| | | creater: JSON.parse(localStorage.getItem("user")).userName, |
| | | createDate: formatTime(new Date()), |
| | | }); |
| | | const TTnum = ref(0); |
| | | //页颿° |
| | | const pageTotal = ref(0); |
| | | //确认é¢å |
| | | const claim = (val, num) => { |
| | | claimdata.value.id = val.njtakeid; |
| | |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | //æ¹åç¶æ |
| | | const changeStatus = () => { |
| | | console.log(claimdata.value); |
| | | ChangeStatus(claimdata.value).then((res) => { |
| | | ElMessage({ |
| | | message: res.msg, |
| | | message: "æå", |
| | | type: "success", |
| | | }); |
| | | claimdialogVisible.value = false; |
| | | claimdialogVisible1.value = false; |
| | | claimdialogVisible2.value = false; |
| | | initData(); |
| | | }); |
| | | }; |
| | |
| | | page: 1, //å½åé¡µé¢ |
| | | rows: 10, //æ¯é¡µæ¾ç¤ºæ¡æ° |
| | | order: "desc", //æåºæ¹å¼ |
| | | sort: "dispatchtime", //æåºå段 |
| | | sort: "", //æåºå段 |
| | | wheres: "", //æ¡ä»¶æ¥è¯¢ |
| | | }); |
| | | |
| | |
| | | pageQuery.value.page = val; |
| | | initData(); |
| | | }; |
| | | const pageTotal = ref(0); |
| | | //æ°æ®åå§å |
| | | const initData = () => { |
| | | let obj = { |
| | | userId: JSON.parse(localStorage.getItem("user")).id, |
| | | group: isactive.value, |
| | | }; |
| | | console.log(obj); |
| | | |
| | | // GetPageDataNew(obj).then((res) => { |
| | | // tableData.value = res.data; |
| | | // pageTotal.value = res.data.length; |
| | | // }); |
| | | // æ¥è¯¢æ¡ä»¶ |
| | | const startTime = formatTime(queryForm.value.selectTime[0]); |
| | | const endTime = formatTime(queryForm.value.selectTime[1]); |
| | |
| | | { |
| | | name: queryForm.value.selectType, |
| | | value: queryForm.value.inputcontent, |
| | | displayType: "String", |
| | | displayType: "like", |
| | | }, |
| | | { |
| | | name: "pustatus", |
| | |
| | | pageTotal.value = res.total; |
| | | }); |
| | | }; |
| | | |
| | | //æå°æ°æ® |
| | | const printExcel = () => { |
| | | // æ¥è¯¢æ¡ä»¶ |
| | | const startTime = formatTime(queryForm.value.selectTime[0]); |
| | |
| | | pageQuery.value.page = 1; |
| | | initData(); |
| | | }; |
| | | |
| | | //éç½®æ£ç´¢äºä»¶ |
| | | const resetQuery = () => { |
| | | queryForm.value = Object.assign({}, obj); |
| | | pageQuery.value.page = 1; |
| | | initData(); |
| | | }; |
| | | //é置表å |
| | | const resetForm = (formEl) => { |
| | | if (!formEl) return; |
| | | formEl.resetFields(); |
| | | }; |
| | | const userInfo = ref(""); |
| | | //è·¯ç±è·³è½¬ |
| | | const toDetail = (row, title) => { |
| | | router.push({ |
| | | name: "Startjob", |
| | | state: { info: JSON.stringify(row), title: title }, |
| | | }); |
| | | }; |
| | | const show = ref(""); |
| | | |
| | | const getuserinfo = () => { |
| | | GetUserInfo().then((res) => { |
| | | console.log(res); |
| | | show.value = res.data.roleName.substring(0, 2); |
| | | if (show.value != "è¶
级") { |
| | | isactive.value = show.value; |
| | | initData(); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | //æ°æ®åå§å |
| | | onMounted(() => { |
| | | initData(); |
| | | getuserinfo(); |
| | | |
| | | userInfo.value = JSON.parse(localStorage.getItem("user")).userName; |
| | | }); |
| | | </script> |