查询模板新增

public/demo.js

@@ -29,4 +29,13 @@ const DATACONTENT_ID = {
   airportTableId: 79, //基础数据-机场信息维护-表格-id
   terminalTableId: 1803432, //基础数据-机场信息维护-航站楼-表格-id
   airpositTableId: 1803433, //基础数据-机场信息维护-航站楼位置-表格-id
+
+  /***-----系统设置------***/
+  sysSourceId: 13, //系统设置-数据源-id
+  sysProtoTabId: 1, //系统设置-协议管理-表格-id
+  sysServiceTabId: 2, //系统设置-服务管理-表格-id
+};
+
+const SERVICE_ID = {
+  sysQueryTabId: 5, //系统设置-查询模板-表格-增删改
 };

src/utils/axiosReq2.ts

@@ -14,7 +14,7 @@ service.interceptors.request.use(
   (request: AxiosReqTy) => {
     // token setting
     request.headers["AUTHORIZE_TOKEN"] = getToken();
-    request.headers["token"] = "ba729239f8b04ee682ada8fe08dbd7ab";
+    request.headers["token"] = "ca7c45f8a4754528b966c5266df906fb";
     request.data["OperatorId"] = "1656481036138";
     /* download file*/
     if (request.isDownLoadFile) {

src/views/systemSettings/queryTemplate/queryTemplateAdd.vue

@@ -13,66 +13,64 @@
       </template></Minheader
     >
     <div class="app-container">
-      <el-form :model="tableForm">
+      <el-form :model="ruleForm">
         <el-row :gutter="24">
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="查询模板名称" size="default">
               <el-input
-                v-model="tableForm.queryTemplateName"
+                v-model="ruleForm.queryTemplateName"
                 placeholder="请输入查询模板名称"
               />
             </el-form-item>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="6">
             <el-form-item label="数据源" prop="dataSourceID" size="default">
               <el-select
-                v-model="tableForm.dataSourceID"
+                v-model="ruleForm.dataSourceID"
                 placeholder="请选择"
                 clearable
               >
                 <el-option
-                  v-for="item in tableOptionser"
-                  :key="item.v"
-                  :label="item.k"
-                  :value="item.v"
+                  v-for="item in dataSourceList"
+                  :key="item.dataSourceID"
+                  :label="item.dataSourceName"
+                  :value="item.dataSourceID"
                 />
               </el-select>
             </el-form-item>
-            <!-- <el-form-item label="查询协议" size="default">
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="服务名称" prop="submitID" size="default">
               <el-select
-                style="width: 100%"
-                v-model="tableForm.china"
-                class="input-shadow"
-                filterable
-                default-first-option
+                v-model="ruleForm.submitID"
+                placeholder="请选择"
                 clearable
-                placeholder="请选择查询协议"
               >
                 <el-option
-                  v-for="item in tableOptionser"
-                  :key="item.v ? item.v : item.planDepartureApt"
-                  :label="item.k ? item.k : item.planDepartureApt"
-                  :value="item.v ? item.v : item.planDepartureApt"
-                >
-                </el-option>
+                  v-for="item in serviceList"
+                  :key="item.submitID"
+                  :label="item.serviceName"
+                  :value="item.submitID"
+                />
               </el-select>
-            </el-form-item> -->
+            </el-form-item>
           </el-col>
-          <el-col :span="14">
-            <el-form-item label="查询模板描述" size="default">
+          <el-col :span="6">
+            <el-form-item label="每页显示" prop="pageRows" size="default">
               <el-input
-                v-model="tableForm.queryTemplateDescribe"
-                placeholder="请输入查询模板描述"
+                v-model="ruleForm.pageRows"
+                size="medium"
+                placeholder="请输入每页显示行数"
+                type="number"
+                clearable
               />
             </el-form-item>
           </el-col>
           <el-col>
-            <el-form-item label="查询配置" size="default">
+            <el-form-item label="查询模板描述" size="default">
               <el-input
-                :autosize="{ minRows: 4, maxRows: 4 }"
-                type="textarea"
-                v-model="tableForm.two"
-                placeholder="请输入查询配置"
+                v-model="ruleForm.queryTemplateDescribe"
+                placeholder="请输入查询模板描述"
               />
             </el-form-item>
           </el-col>
@@ -81,7 +79,7 @@
               <el-input
                 :autosize="{ minRows: 24, maxRows: 24 }"
                 type="textarea"
-                v-model="tableForm.serviceName"
+                v-model="ruleForm.serviceName"
                 placeholder="请输入查询语句"
               />
             </el-form-item>
@@ -95,43 +93,47 @@
 <script setup lang="ts">
 import Minheader from "@/components/minheader/index.vue";
 import { Query, myQuery } from "@/api/webApi";
+import { ElMessage } from "element-plus";
 const router = useRouter();
-const tableOptionser = ref<Array>([]); //下拉
-const tableForm = reactive({
+const asShOW = ref<boolean>(false);
+const dataSourceList = ref<Array>([]); //下拉
+const serviceList = ref<Array>([]); //下拉
+const ruleForm = reactive({
   queryTemplateName: "",
   queryTemplateDescribe: "",
   submitID: null,
   queryTemplate: "",
   pageRows: null,
-  serviceName: "",
-  dataSourceID: "",
 }); //内容
 //保存
 const preserForm = async () => {
   const params = {
-    ...tableForm,
-    submitID: tableForm.serviceID,
+    ...ruleForm,
+    submitID: ruleForm.serviceID,
   };
   delete params.serviceID;
   try {
     const res = await Query({
-      serviceId: "5",
+      serviceId: SERVICE_ID.sysQueryTabId,
       dataContent: JSON.stringify(params),
     });
     if (Number(res.code) === 0) {
+      ElMessage.success(`成功`);
+      router.push({ path: "/systemSettings/queryTemplate" });
       // this.$message.success(res.message ?? "成功");
       // this.$router.push("/systemSettings/queryTemplate");
     } else {
+      ElMessage.error(`失败`);
       // this.$message.error(res.message ?? "失败");
     }
   } catch (error) {
-    // this.$message.error("失败");
+    ElMessage.error(`失败`);
   }
   // router.push({ path: "/systemSettings/queryTemplate" });
 };
 const getDataSourceList = async () => {
-  const tableOptionser = await getSelectOption(13);
-  tableOptionser.value = tableOptionser.map((item) => {
+  const dataSourceLists = await getSelectOption(13);
+  dataSourceList.value = dataSourceLists.map((item) => {
     item[item.setlabel] = item.k;
     item[item.setvalue] = item.v;
     return item;
@@ -146,10 +148,16 @@ const getSelectOption = async (ID) => {
     return [];
   }
 };
-
-onMounted(() => {
-  getDataSourceList();
-});
+const queryServiceList = async (ID) => {
+  const serviceLists = await getSelectOption(DATACONTENT_ID.sysServiceTabId);
+  serviceList.value = serviceLists.map((item) => {
+    item[item.setlabel] = item.k;
+    item[item.setvalue] = item.v;
+    return item;
+  });
+};
+getDataSourceList();
+queryServiceList();
 </script>
 
 <style lang="scss" scoped>