|
@@ -17,6 +17,16 @@
|
|
|
@btnClick="btnClick"
|
|
|
/>
|
|
|
</div>
|
|
|
+ <Dialog
|
|
|
+ :flag="flag"
|
|
|
+ :type="type"
|
|
|
+ :msgTitle="msgTitle"
|
|
|
+ @resetForm="resetForm"
|
|
|
+ @delRest="delRest"
|
|
|
+ @submitForm="submitForm"
|
|
|
+ @delRemove="delRemove"
|
|
|
+ >
|
|
|
+ </Dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -24,7 +34,8 @@
|
|
|
import DataTable from "@/components/tableTemp/index.vue";
|
|
|
import Minheader from "@/components/minheader/index.vue";
|
|
|
import Dialog from "@/components/dialog/index.vue";
|
|
|
-import { Query } from "@/api/webApi";
|
|
|
+import { Query, GeneralDataReception } from "@/api/webApi";
|
|
|
+import { ElMessage } from "element-plus";
|
|
|
const router = useRouter();
|
|
|
const dataId = ref<String>("4"); //请求id
|
|
|
const page = ref<number>(0); //分页参数
|
|
@@ -33,18 +44,22 @@ const noMore = ref<Boolean>(false);
|
|
|
const rowTitle = ref<String>("");
|
|
|
const tableCols = ref([]); //表头数据
|
|
|
const serviceId = ref<String>("");
|
|
|
+const tableObj = ref({}); //增删改数据缓存
|
|
|
const flag = ref<Boolean>(false); //弹窗开关
|
|
|
const type = ref<String>(""); //判断是否删除
|
|
|
const msgTitle = ref<String>("新增查询模板"); //弹窗标题
|
|
|
const tableColsCopys = reactive<Object>({}); //弹窗
|
|
|
const tableOptionser = ref<Array>([]); //弹窗下拉
|
|
|
const tableForm = reactive({
|
|
|
- name: "",
|
|
|
- china: "",
|
|
|
- englin: "",
|
|
|
- two: "",
|
|
|
- three: "",
|
|
|
- text: "",
|
|
|
+ queryConditionType: "",
|
|
|
+ queryTemplateID: "",
|
|
|
+ queryTemplateName: "",
|
|
|
+ queryTemplateDescribe: "",
|
|
|
+ dataSourceName: "",
|
|
|
+ queryTemplate: "",
|
|
|
+ serviceName: "",
|
|
|
+ pageRows: "",
|
|
|
+ event: "",
|
|
|
}); //弹窗内容
|
|
|
//列表
|
|
|
const tableData = ref([]);
|
|
@@ -106,6 +121,15 @@ const btnClick = (row, index, param) => {
|
|
|
msgTitle.value = "删除查询模板";
|
|
|
flag.value = true;
|
|
|
type.value = "del";
|
|
|
+ tableForm.event = 3;
|
|
|
+ tableForm.queryConditionType = index.queryConditionType;
|
|
|
+ tableForm.queryTemplateID = index.queryTemplateID;
|
|
|
+ tableForm.queryTemplateName = index.queryTemplateName;
|
|
|
+ tableForm.queryTemplateDescribe = index.queryTemplateDescribe;
|
|
|
+ tableForm.dataSourceName = index.dataSourceName;
|
|
|
+ tableForm.queryTemplate = index.queryTemplate;
|
|
|
+ tableForm.serviceName = index.serviceName;
|
|
|
+ tableForm.pageRows = index.pageRows;
|
|
|
} else if (param === 4) {
|
|
|
router.push({ path: "/systemSettings/queryTemplateColumn" });
|
|
|
}
|
|
@@ -116,6 +140,10 @@ const eleDialog = () => {
|
|
|
flag.value = true;
|
|
|
type.value = "del";
|
|
|
};
|
|
|
+const delRemove = () => {
|
|
|
+ tableForm.event = 3;
|
|
|
+ generalDataReception(tableForm);
|
|
|
+};
|
|
|
//删除
|
|
|
const delRest = () => {
|
|
|
flag.value = false;
|
|
@@ -156,6 +184,50 @@ const getQuery = async () => {
|
|
|
page.value--;
|
|
|
}
|
|
|
};
|
|
|
+//确认提交
|
|
|
+const submitForm = () => {
|
|
|
+ generalDataReception(tableForm);
|
|
|
+};
|
|
|
+const resetTable = () => {
|
|
|
+ page.value = 0;
|
|
|
+ noMore.value = false;
|
|
|
+ tableData.value = [];
|
|
|
+};
|
|
|
+//新增-编辑-删除
|
|
|
+const generalDataReception = async (data) => {
|
|
|
+ try {
|
|
|
+ data = {
|
|
|
+ ...data,
|
|
|
+ };
|
|
|
+ const { code } = await GeneralDataReception({
|
|
|
+ serviceId: serviceId.value,
|
|
|
+ dataContent: JSON.stringify(data),
|
|
|
+ });
|
|
|
+ if (code === "0") {
|
|
|
+ ElMessage.success(`操作成功`);
|
|
|
+ // this.$message.success("操作成功");
|
|
|
+ resetTable();
|
|
|
+ getQuery();
|
|
|
+ resetForm();
|
|
|
+ flag.value = false;
|
|
|
+ // rmFlag.value = false;
|
|
|
+ tableObj.value = {};
|
|
|
+ // this.$router.go(0);
|
|
|
+ } else {
|
|
|
+ ElMessage.error(`操作失败`);
|
|
|
+ // this.$message.error("操作失败");
|
|
|
+ // this.flag = false;
|
|
|
+ // this.rmFlag = false;
|
|
|
+ tableObj.value = {};
|
|
|
+ resetForm();
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ flag.value = false;
|
|
|
+ // rmFlag.value = false;
|
|
|
+ tableObj.value = {};
|
|
|
+ resetForm();
|
|
|
+ }
|
|
|
+};
|
|
|
onMounted(() => {
|
|
|
getQuery();
|
|
|
});
|