|
|
@@ -0,0 +1,307 @@
|
|
|
+<!--
|
|
|
+ * @Author: your name
|
|
|
+ * @Date: 2021-11-17 13:43:58
|
|
|
+ * @LastEditTime: 2021-11-17 13:43:59
|
|
|
+ * @LastEditors: Please set LastEditors
|
|
|
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
|
+ * @FilePath: \CABaggageData\src\views\dashboard\views\info.vue
|
|
|
+-->
|
|
|
+<template>
|
|
|
+ <div class="airportInfo">
|
|
|
+ <DataTable
|
|
|
+ data-id="4"
|
|
|
+ :rows="12"
|
|
|
+ labelWidth="100px"
|
|
|
+ :minHeight="84"
|
|
|
+ width="800px"
|
|
|
+ />
|
|
|
+ <!--删除弹框-->
|
|
|
+ <Dialog :flag="flag">
|
|
|
+ <div class="airportInfoDialog">
|
|
|
+ <div class="del-title">删除分类信息</div>
|
|
|
+ <div class="content er">
|
|
|
+ <div class="log"></div>
|
|
|
+ 是否确认删除
|
|
|
+ <p style="color: #eb2f3b; margin-top: 0px; margin-bottom: 0px">
|
|
|
+ {{ rmObj.name }}
|
|
|
+ </p>
|
|
|
+ ？
|
|
|
+ </div>
|
|
|
+ <div class="DelFoot right t30">
|
|
|
+ <el-button
|
|
|
+ size="medium"
|
|
|
+ @click="remove()"
|
|
|
+ class="r25 buwitch"
|
|
|
+ type="danger"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ <el-button size="medium" class="r26" @click="flag = false"
|
|
|
+ >取消</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import Search from "@/layout/components/Search/index.vue";
|
|
|
+import Dialog from "@/layout/components/Dialog/index.vue";
|
|
|
+import { findarrays } from "@/utils/validate";
|
|
|
+import { AirlinesInquiry } from "@/api/SystemSettings";
|
|
|
+import { exceptiontype, exceptionadd, exceptiondel } from "@/api/acquisition";
|
|
|
+import { GeneralDataReception, Query } from "@/api/dataIntegration";
|
|
|
+import DataTable from "@/components/Table";
|
|
|
+export default {
|
|
|
+ name: "queryTemplate",
|
|
|
+ components: { Search, Dialog, DataTable },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ arr: [
|
|
|
+ {
|
|
|
+ typeName: "名称",
|
|
|
+ typeCode: "测试",
|
|
|
+ },
|
|
|
+ ], //内容数据
|
|
|
+ flag: false, //删除弹框开关
|
|
|
+ addFlag: false, //新增机场信息弹框开关
|
|
|
+ EditFlag: false,
|
|
|
+ ids: null,
|
|
|
+ idss: null,
|
|
|
+ listDate: {},
|
|
|
+ rmObj: {
|
|
|
+ //删除内容
|
|
|
+ name: "",
|
|
|
+ },
|
|
|
+ ruleForm: {
|
|
|
+ //新增机场信息表单
|
|
|
+ name: "",
|
|
|
+ fullName: "",
|
|
|
+ code: "",
|
|
|
+ },
|
|
|
+ EditForm: {
|
|
|
+ name: "",
|
|
|
+ fullName: "",
|
|
|
+ code: "",
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ //新增机场信息表单验证
|
|
|
+ name: [{ required: true, message: "请输入航司简称", trigger: "blur" }],
|
|
|
+ fullName: [
|
|
|
+ { required: true, message: "请输入航司全称", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ code: [
|
|
|
+ { required: true, message: "请输入航司二字码", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ modid: "",
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ // this.getAirlines();
|
|
|
+ // this.exceptionlist();
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ serachBox() {
|
|
|
+ if (this.searchInfo) {
|
|
|
+ return this.arr.filter((data) => {
|
|
|
+ return Object.keys(data).some((key) => {
|
|
|
+ return (
|
|
|
+ String(data[key]).toLowerCase().indexOf(this.searchInfo) > -1
|
|
|
+ );
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return this.arr;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //异常列表查询
|
|
|
+ async exceptionlist() {
|
|
|
+ let params = {
|
|
|
+ id: "",
|
|
|
+ };
|
|
|
+ const result = await exceptiontype(params);
|
|
|
+ if (result.code == 0) {
|
|
|
+ this.arr = result.returnData;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //搜索
|
|
|
+ getSearchData(val) {
|
|
|
+ let that = this;
|
|
|
+ that.exceptionlist().then(function (data) {
|
|
|
+ if (val) {
|
|
|
+ that.arr = findarrays(that.arr, "typeName", val);
|
|
|
+ } else {
|
|
|
+ that.exceptionlist();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // console.log(this.searchInfo);
|
|
|
+ },
|
|
|
+ //删除信息
|
|
|
+ handleMove(item) {
|
|
|
+ this.listDate = item;
|
|
|
+ this.flag = true;
|
|
|
+ this.rmObj = {
|
|
|
+ name: item.queryTemplateName,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ airEdit(item) {
|
|
|
+ // this.modid = item;
|
|
|
+ // this.EditForm.name = item.typeName;
|
|
|
+ // this.EditForm.fullName = item.typeCode;
|
|
|
+ this.$router.push({
|
|
|
+ path: "/systemSettings/queryTemplateedit",
|
|
|
+ query: {
|
|
|
+ queryTemplateName: item.queryTemplateName,
|
|
|
+ protocolID: item.protocolID,
|
|
|
+ queryTemplateDescribe: item.queryTemplateDescribe,
|
|
|
+ queryTemplatetConfig: item.queryTemplatetConfig,
|
|
|
+ queryTemplate: item.queryTemplate,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ // this.EditForm.code = item.code2;
|
|
|
+ // this.EditFlag = true;
|
|
|
+ },
|
|
|
+ async EditSubmit() {
|
|
|
+ let arr = 0;
|
|
|
+ this.$refs["ruleFormall"].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ arr = 1;
|
|
|
+ } else {
|
|
|
+ arr = 0;
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (arr == 1) {
|
|
|
+ let params = {
|
|
|
+ id: this.modid.id,
|
|
|
+ typeName: this.EditForm.name,
|
|
|
+ typeCode: this.EditForm.fullName,
|
|
|
+ };
|
|
|
+ const result = await exceptionadd(params);
|
|
|
+ if (result.code == 0) {
|
|
|
+ this.$message.success("成功");
|
|
|
+ this.exceptionlist();
|
|
|
+ this.$refs.ruleFormall.resetFields();
|
|
|
+ }
|
|
|
+ this.EditFlag = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeForm() {
|
|
|
+ this.$refs.ruleForm.resetFields();
|
|
|
+ },
|
|
|
+ //获取模板列表
|
|
|
+ async getAirlines() {
|
|
|
+ try {
|
|
|
+ const res = await Query({
|
|
|
+ id: 77,
|
|
|
+ dataContent: [],
|
|
|
+ });
|
|
|
+ if (res.code === "0") {
|
|
|
+ this.arr = res.returnData;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.message ?? "失败");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log("错误", error);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //新增机场信息-弹框
|
|
|
+ handleAdd() {
|
|
|
+ this.$router.push("/systemSettings/queryTemplateadd");
|
|
|
+ },
|
|
|
+ //新增机场信息-弹框-取消
|
|
|
+ resetForm() {
|
|
|
+ this.addFlag = false;
|
|
|
+ this.EditFlag = false;
|
|
|
+ this.ruleForm.name = "";
|
|
|
+ this.ruleForm.fullName = "";
|
|
|
+ this.$refs.ruleForms.resetFields();
|
|
|
+ this.$refs.ruleFormall.resetFields();
|
|
|
+ },
|
|
|
+ //删除
|
|
|
+ async remove(data) {
|
|
|
+ this.listDate.operate = "3";
|
|
|
+ try {
|
|
|
+ const res = await GeneralDataReception({
|
|
|
+ serviceId: "20",
|
|
|
+ dataContent: JSON.stringify(this.listDate),
|
|
|
+ });
|
|
|
+ if (res.code === "0") {
|
|
|
+ this.$message.success(res.message ?? "成功");
|
|
|
+ this.flag = false;
|
|
|
+ this.listDate = {};
|
|
|
+ this.getAirlines();
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.message ?? "失败");
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.log("错误", error);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.airportInfo {
|
|
|
+ padding: 0 10px;
|
|
|
+ .log {
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ background: #eb2f3b;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 15px;
|
|
|
+ background: url("../../assets/index/ic_close_hint.png") no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+ .er {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .airportInfo-search {
|
|
|
+ margin: 40px 0 30px 0;
|
|
|
+ }
|
|
|
+ .airportInfo-content {
|
|
|
+ img {
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 10%;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-pack: center;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .grid-content {
|
|
|
+ height: 144px;
|
|
|
+ padding: 24px;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #303133;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ max-width: 150px;
|
|
|
+ }
|
|
|
+ .edit_log {
|
|
|
+ position: relative;
|
|
|
+ // top: -2px;
|
|
|
+ }
|
|
|
+ .icon {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .desc {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #101116;
|
|
|
+ margin-top: 60px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
