修改模型展示界面

ruoyi-ui/src/views/register/modelData/dataQuery.vue

@@ -66,7 +66,16 @@
       </el-card>
     </el-col>
     <el-col :span="20" style="height: 100%">
-      <div style="height: 40px;display: flex;justify-content: right;align-items: center;">
+      <div style="height: 40px;display: flex;justify-content: space-between;align-items: center;">
+        <div style="display: flex;align-items: center;">
+          <template v-for="(param, index) in params" :key="index">
+            <div style="margin-right: 5px;display: flex;align-items: center;">
+              <div style="margin-right: 5px;">{{ param.key }}</div>
+              <el-input v-model="param.value"></el-input>
+            </div>
+          </template>
+          <el-button type="primary" @click="handleQuery">搜索</el-button>
+        </div>
         <el-button @click="handleEdit">编辑配置</el-button>
       </div>
       <div style="height: calc(100% - 40px);">
@@ -139,6 +148,7 @@ const rules = ref({})
 const columns = ref([])
 const bizDisplayRef = ref(null)
 const dataSetConfig = ref(null)
+const params = ref({})
 
 const optionsShuLei = ref([
   {
@@ -295,6 +305,11 @@ function renameTreeProperties(tree) {
   return newTree;
 }
 
+function handleQuery() {
+
+}
+
+
 onMounted(() => {
   getTree()
   getOptionsDs()
@@ -308,6 +323,13 @@ watch(() => form.value.queryOptions, queryOptions => {
     columns.value = api.response
   }
 }, {immediate: true, deep: true})
+
+watch(() => dataSetConfig.value, config => {
+  const queryOptions = JSON.parse(config.queryOptions)
+  const param = [...queryOptions.params, ...queryOptions.body]
+  debugger
+  params.value = param
+}, {deep: true})
 </script>
 <style scoped>
 :deep(.svg-icon) {