动态获取方案

src/views/dataGovernance/dataModules/components/edit.vue

@@ -129,15 +129,7 @@
             </div>
           </v-tab-item>
           <v-tab-item>
-            <div class="pa-3">
-              <v-textarea
-                v-model="code"
-                label="请输入执行代码"
-                outlined
-                rows="10"
-                dense
-              ></v-textarea>
-            </div>
+            <ExecuteScript></ExecuteScript>
           </v-tab-item>
           <v-tab-item>
             <v-overlay :value="overlay">
@@ -174,7 +166,7 @@
 <script>
 import MCard from '@/components/MCard'
 import DataList from './dataList'
-// import ExecuteScript from './executeScript'
+import ExecuteScript from './executeScript'
 import EditBase from './editBase'
 import MEditTable from '../../components/editTable'
 // import MForm from '@/components/Form/list'
@@ -186,9 +178,9 @@ export default {
     MCard,
     MEditTable,
     EditBase,
-    DataList
+    DataList,
     // MForm,
-    // ExecuteScript
+    ExecuteScript
   },
   props: {
     itemData: {

src/views/dataGovernance/dataModules/components/executeScript.vue

@@ -1,51 +1,182 @@
 <template>
   <div class="pa-3">
+    <div class="pa-3 text-right">
+      <v-btn color="primary" rounded class="buttons" @click="onShow">查看方案</v-btn>
+    </div>
+    <v-card
+      class="mb-3"
+      v-if="showCard"
+    >
+      <v-card-title>方案明细 [ {{ itemData.title }} ]</v-card-title>
+      <v-card-text>
+        <v-tabs v-model="active">
+          <v-tab
+            v-for="rules in rulesItems"
+            :key="rules.category"
+          >
+            {{ rules.category }}
+          </v-tab>
+        </v-tabs>
+        <v-tabs-items v-model="active" style="min-height: 500px;">
+          <v-tab-item
+            v-for="rules in rulesItems"
+            :key="rules.category"
+          >
+            <div class="pa-3">
+              <v-banner>参数列表</v-banner>
+              <v-list>
+                <v-list-item-group color="primary">
+                  <v-list-item
+                    v-for="configurations in rules.calculateConfigurations"
+                    :key="configurations.calculateConfigurationId"
+                    @click="onSend(`${configurations.name} ${configurations.value}`)"
+                  >
+                    <v-list-item-content>
+                      <v-list-item-title>{{ configurations.name }} {{ configurations.value }}</v-list-item-title>
+                    </v-list-item-content>
+                  </v-list-item>
+                </v-list-item-group>
+              </v-list>
+              <v-banner>计算公式</v-banner>
+              <v-treeview
+                activatable
+                color="primary"
+                item-key="uuid"
+                item-text="content"
+                :items="rules.calculateFormulas"
+                return-object
+                @update:active="onSendTree"
+              ></v-treeview>
+            </div>
+          </v-tab-item>
+        </v-tabs-items>
+      </v-card-text>
+    </v-card>
     <div class="box d-flex flex-column">
       <v-textarea
         v-model="code"
         label="请输入执行代码"
         outlined
-        rows="10"
+        rows="6"
         dense
       ></v-textarea>
-      <v-btn
-        class="buttons align-self-center"
-        rounded
-        color="primary"
-        :loading="loading"
-        @click="handleSubmit"
-      >
-        <v-icon left>mdi-cloud-upload-outline</v-icon>
-        提交
-      </v-btn>
     </div>
+    <v-navigation-drawer
+      v-model="show"
+      width="500"
+      absolute
+      temporary
+      right
+    >
+    <v-banner class="mt-3">方案列表</v-banner>
+    <v-list>
+      <v-list-item-group color="primary">
+        <v-list-item
+          v-for="(item, i) in items"
+          :key="i"
+          @click="handleClick(item)"
+        >
+          <v-list-item-content>
+            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+      </v-list-item-group>
+    </v-list>
+    </v-navigation-drawer>
   </div>
 </template>
 
 <script>
-import { api } from '@/api/dataGovernance'
+import axios from 'axios'
+// import { api } from '@/api/dataGovernance'
 export default {
   name: 'execute-script',
   data () {
     return {
-      code: null,
-      loading: false
+      active: 0,
+      show: false,
+      code: '',
+      loading: false,
+      items: [],
+      showCard: false,
+      itemData: {},
+      rulesItems: []
     }
   },
   methods: {
-    async handleSubmit () {
-      this.loading = true
+    onShow () {
+      this.show = true
+      this.getList()
+    },
+    onSend (e) {
+      console.log(e)
+      this.code += e
+    },
+    onSendTree (e) {
+      if (!e.length) {
+        return
+      }
+      this.onSend(e[0].content)
+    },
+    async handleClick (e) {
+      this.show = false
+      this.showCard = true
+      this.itemData = e
       try {
-        await api.savePythonCode({
-          code: this.code
+        const { data } = await this.fetchData('/op/base/performance/solution/detail', {
+          performanceSolutionId: e.performanceSolutionId
         })
-        this.$snackbar.success('保存成功')
+        this.rulesItems = data.performanceSolutionDetailRespCategoryVos
+        this.active = 0
       } catch (error) {
         this.$snackbar.error(error)
-      } finally {
-        this.loading = false
       }
+    },
+    async getList () {
+      try {
+        const { data } = await this.fetchData('/op/base/performance/solution/page', {
+          page: {
+            size: 999,
+            current: 1
+          }
+        })
+        this.items = data.records.map(e => e.entity)
+      } catch (err) {
+        this.items = []
+        this.$snackbar.error(err)
+      }
+    },
+    fetchData (url, params) {
+      return new Promise((resolve, reject) => {
+        axios.post(url, params, { // 配置对象
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          timeout: 5000, // 超时时间(毫秒)
+          responseType: 'json' // 响应数据类型
+        }).then(res => {
+          const { data } = res
+          if (data.code !== 20000) {
+            reject(data.message)
+            return
+          }
+          resolve(data)
+        }).catch(reject)
+      })
     }
+    // async handleSubmit () {
+    //   this.loading = true
+    //   try {
+    //     await api.savePythonCode({
+    //       code: this.code
+    //     })
+    //     this.$snackbar.success('保存成功')
+    //   } catch (error) {
+    //     this.$snackbar.error(error)
+    //   } finally {
+    //     this.loading = false
+    //   }
+    // }
   }
 
 }

vue.config.js

@@ -29,10 +29,12 @@ module.exports = defineConfig({
       '/api': {
         target: 'https://company.citupro.com:18183',
         secure: false, // 是否支持 https，默认 false
-        changeOrigin: true, // 是否支持跨域
-        pathRewrite: {
-          '^/api': '/api' // 重写路径，确保请求路径正确
-        }
+        changeOrigin: true // 是否支持跨域
+      },
+      '/op/base': {
+        target: 'https://company.citupro.com:18183',
+        secure: false, // 是否支持 https，默认 false
+        changeOrigin: true // 是否支持跨域
       }
     }
   },