| | |
| | | |
| | | //æ¤jsæä»¶æ¯ç¨æ¥èªå®ä¹æ©å±ä¸å¡ä»£ç ï¼å¯ä»¥æ©å±ä¸äºèªå®ä¹é¡µé¢æè
éæ°é
ç½®çæç代ç |
| | | import gridBody from './extend/GetLocationStatus.vue' |
| | | import gridBody from "./extend/GetLocationStatus.vue"; |
| | | import { h } from "vue"; |
| | | import RoadwaySelector from "../../components/basic/RoadwaySelector.vue"; |
| | | let extension = { |
| | | components: { |
| | | //æ¥è¯¢ç颿©å±ç»ä»¶ |
| | | gridHeader: '', |
| | | gridHeader: "", |
| | | gridBody: gridBody, |
| | | gridFooter: '', |
| | | gridFooter: "", |
| | | //æ°å»ºãç¼è¾å¼¹åºæ¡æ©å±ç»ä»¶ |
| | | modelHeader: '', |
| | | modelBody: '', |
| | | modelFooter: '' |
| | | modelHeader: "", |
| | | modelBody: "", |
| | | modelFooter: "", |
| | | }, |
| | | tableAction: '', //æå®æå¼ 表çæé(è¿éå¡«å表å,é»è®¤ä¸ç¨å¡«å) |
| | | tableAction: "", //æå®æå¼ 表çæé(è¿éå¡«å表å,é»è®¤ä¸ç¨å¡«å) |
| | | buttons: { view: [], box: [], detail: [] }, //æ©å±çæé® |
| | | methods: { |
| | | //ä¸é¢è¿äºæ¹æ³å¯ä»¥ä¿çä¹å¯ä»¥å é¤ |
| | | onInit() { |
| | | let EnableBtn = this.buttons.find(x => x.value == 'Enable'); |
| | | let EnableBtn = this.buttons.find((x) => x.value == "Enable"); |
| | | if (EnableBtn) { |
| | | EnableBtn.onClick = function () { |
| | | let rows = this.$refs.table.getSelected(); |
| | | if (rows.length == 0) return this.$error("è¯·éæ©æ°æ®!"); |
| | | var keys = rows.map(x => { return x.id }); |
| | | var keys = rows.map((x) => { |
| | | return x.id; |
| | | }); |
| | | this.http |
| | | .post("api/LocationInfo/LocationEnableStatus", keys, "æ°æ®å¤çä¸") |
| | | .then((x) => { |
| | |
| | | this.$message.success("æä½æå"); |
| | | this.refresh(); |
| | | }); |
| | | }; |
| | | } |
| | | } |
| | | let DisableBtn = this.buttons.find(x => x.value == 'Disable'); |
| | | let DisableBtn = this.buttons.find((x) => x.value == "Disable"); |
| | | if (DisableBtn) { |
| | | DisableBtn.onClick = function () { |
| | | let rows = this.$refs.table.getSelected(); |
| | | if (rows.length == 0) return this.$error("è¯·éæ©æ°æ®!"); |
| | | var keys = rows.map(x => { return x.id }); |
| | | var keys = rows.map((x) => { |
| | | return x.id; |
| | | }); |
| | | this.http |
| | | .post("api/LocationInfo/LocationDisableStatus", keys, "æ°æ®å¤çä¸") |
| | | .then((x) => { |
| | |
| | | this.$message.success("æä½æå"); |
| | | this.refresh(); |
| | | }); |
| | | } |
| | | }; |
| | | } |
| | | let EnableRoadwayBtn = this.buttons.find( |
| | | (x) => x.value == "EnableRoadway", |
| | | ); |
| | | if (EnableRoadwayBtn) { |
| | | EnableRoadwayBtn.onClick = function () { |
| | | this.$prompt("è¯·éæ©å··é (1-5)", "æç¤º", { |
| | | this.$msgbox({ |
| | | title: "è¯·éæ©å··é", // å é¤"æç¤º"两个å |
| | | message: ` |
| | | <div> |
| | | <select id="roadwaySelect" style="width: 400px; height: 30px;"> |
| | | <option value="1">å··é 1</option> |
| | | <option value="2">å··é 2</option> |
| | | <option value="3">å··é 3</option> |
| | | <option value="4">å··é 4</option> |
| | | <option value="5">å··é 5</option> |
| | | </select> |
| | | </div> |
| | | `, |
| | | showCancelButton: true, |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | inputPattern: /^[1-5]$/, |
| | | inputErrorMessage: "请è¾å
¥1-5ä¹é´çæ°å", |
| | | }) |
| | | .then(({ value }) => { |
| | | dangerouslyUseHTMLString: true, |
| | | beforeClose: (action, instance, done) => { |
| | | if (action === "confirm") { |
| | | const select = document.getElementById("roadwaySelect"); |
| | | const value = select ? select.value : "1"; |
| | | |
| | | this.http |
| | | .post( |
| | | `api/LocationInfo/EnableAllLocationsInRoadway?roadwayNo=${value}`, |
| | |
| | | if (!x.status) return this.$message.error(x.message); |
| | | this.$message.success(x.message || "æä½æå"); |
| | | this.refresh(); |
| | | }); |
| | | done(); |
| | | }) |
| | | .catch(() => { |
| | | done(); |
| | | }); |
| | | } else { |
| | | this.$message.info("已忶æä½"); |
| | | done(); |
| | | } |
| | | }, |
| | | }); |
| | | }; |
| | | } |
| | |
| | | ); |
| | | if (DisableRoadwayBtn) { |
| | | DisableRoadwayBtn.onClick = function () { |
| | | this.$prompt("è¯·éæ©å··é (1-5)", "æç¤º", { |
| | | this.$msgbox({ |
| | | title: "è¯·éæ©å··é", // å é¤"æç¤º"两个å |
| | | message: ` |
| | | <div> |
| | | <select id="roadwaySelect" style="width: 400px; height: 30px;"> |
| | | <option value="1">å··é 1</option> |
| | | <option value="2">å··é 2</option> |
| | | <option value="3">å··é 3</option> |
| | | <option value="4">å··é 4</option> |
| | | <option value="5">å··é 5</option> |
| | | </select> |
| | | </div> |
| | | `, |
| | | showCancelButton: true, |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | inputPattern: /^[1-5]$/, |
| | | inputErrorMessage: "请è¾å
¥1-5ä¹é´çæ°å", |
| | | }) |
| | | .then(({ value }) => { |
| | | dangerouslyUseHTMLString: true, |
| | | beforeClose: (action, instance, done) => { |
| | | if (action === "confirm") { |
| | | const select = document.getElementById("roadwaySelect"); |
| | | const value = select ? select.value : "1"; |
| | | |
| | | this.http |
| | | .post( |
| | | `api/LocationInfo/DisableAllLocationsInRoadway?roadwayNo=${value}`, |
| | |
| | | if (!x.status) return this.$message.error(x.message); |
| | | this.$message.success(x.message || "æä½æå"); |
| | | this.refresh(); |
| | | }); |
| | | done(); |
| | | }) |
| | | .catch(() => { |
| | | done(); |
| | | }); |
| | | } else { |
| | | this.$message.info("已忶æä½"); |
| | | done(); |
| | | } |
| | | }, |
| | | }); |
| | | }; |
| | | } |
| | | this.columns.push({ |
| | | field: 'æä½', |
| | | title: 'æä½', |
| | | width: 90, |
| | | fixed: 'right', |
| | | align: 'center', |
| | | formatter: (row) => { |
| | | return ( |
| | | '<i style="cursor: pointer;color: #2d8cf0;"class="el-icon-view">æ¥çæç»</i>' |
| | | ); |
| | | }, |
| | | click: (row) => { |
| | | this.$refs.gridBody.open(row); |
| | | } |
| | | }); |
| | | // this.columns.push({ |
| | | // field: 'æä½', |
| | | // title: 'æä½', |
| | | // width: 90, |
| | | // fixed: 'right', |
| | | // align: 'center', |
| | | // formatter: (row) => { |
| | | // return ( |
| | | // '<i style="cursor: pointer;color: #2d8cf0;"class="el-icon-view">æ¥çæç»</i>' |
| | | // ); |
| | | // }, |
| | | // click: (row) => { |
| | | // this.$refs.gridBody.open(row); |
| | | // } |
| | | // }); |
| | | }, |
| | | onInited() { |
| | | //æ¡æ¶åå§åé
ç½®å |
| | |
| | | //(3)this.editFormFields.åæ®µ='xxx'; |
| | | //妿éè¦ç»ä¸ææ¡è®¾ç½®é»è®¤å¼ï¼è¯·éåthis.editFormOptionsæ¾å°å段é
置对åºdata屿§çkeyå¼ |
| | | //ç䏿就æè¾åºçï¼console.log(this.editFormOptions) |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | export default extension; |