编辑调整

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

@@ -59,6 +59,7 @@
                       </th>
                       <th class="text-right th-title">
                         操作
+                        <v-btn class="ml-3" color="primary" small @click="handleAdd">新增元数据</v-btn>
                         <v-btn
                           v-if="selected.length"
                           small
@@ -69,7 +70,7 @@
                     </tr>
                   </thead>
                   <tbody>
-                    <tr v-if="selected.length === 0" style="pointer-events: none;" class="text-center grey--text">
+                    <tr v-if="!selected.length" style="pointer-events: none;" class="text-center grey--text">
                       <td colspan="5">没有数据，可通过左侧数据资源进行选择</td>
                     </tr>
                     <tr
@@ -123,6 +124,67 @@
                         </v-btn>
                       </td>
                     </tr>
+                    <!-- <tr
+                      v-for="(item, index) in addItems"
+                      :key="index"
+                    >
+                      <td>
+                        <v-text-field
+                          label="元数据名称"
+                          v-model="item.name"
+                          outlined dense hide-details></v-text-field>
+                      </td>
+                      <td>
+                        <v-text-field v-model="item.data_type" outlined dense hide-details></v-text-field></td>
+                      <td>
+                        <m-editTable
+                          :text="item.master_data?.name || '--'"
+                          :init="originInit"
+                          item-label="title"
+                          item-value="id"
+                          @use="$el => originSave($el, item)"
+                        >
+                          <template #title>
+                            [{{ item.master_data?.name }}] 主数据选择
+                          </template>
+                        </m-editTable>
+                        <v-btn color="error" icon v-if="item.master_data?.name" @click="originClose(item)">
+                          <v-icon>mdi-close</v-icon>
+                        </v-btn>
+                      </td>
+                      <td>
+                        <m-editTable
+                          :text="item.data_standard?.name || '--'"
+                          :init="standardInit"
+                          item-label="name"
+                          item-value="id"
+                          @use="$el => standardSave($el, item)"
+                        >
+                          <template #title>
+                            [{{ item.name }}] 数据标准选择
+                          </template>
+                        </m-editTable>
+                        <v-btn color="error" icon v-if="item.data_standard?.name" @click="standardClose(item)">
+                          <v-icon>mdi-close</v-icon>
+                        </v-btn>
+                      </td>
+                      <td class="text-right">
+                        <v-btn
+                          color="error"
+                          text
+                          @click="handleRemove(index)"
+                        >
+                          移除
+                        </v-btn>
+                        <v-btn
+                          color="primary"
+                          text
+                          @click="handleRemove(index)"
+                        >
+                          保存
+                        </v-btn>
+                      </td>
+                    </tr> -->
                   </tbody>
                 </template>
               </v-simple-table>
@@ -197,6 +259,7 @@ export default {
       show: false,
       height: 0,
       selected: [], // 已选资源
+      addItems: [], // 新增资源
       sendBtn: [
         {
           icon: 'mdi-send-variant',
@@ -316,21 +379,16 @@ export default {
       // 更新长度
       this.$refs.dataList.initUsed()
     },
-    // handleAdd () {
-    //   if (!this.$refs.form.validate()) {
-    //     return
-    //   }
-    //   const obj = this.formItems.options.reduce((r, v) => {
-    //     r[v.key] = v.value
-    //     return r
-    //   }, {})
-    //   // 新增一个元数据
-    //   this.selected.push({
-    //     ...obj,
-    //     originId: null,
-    //     originName: null
-    //   })
-    // },
+    handleAdd () {
+      // 新增一个元数据
+      this.addItems.push({
+        master_data: {},
+        data_standard: {},
+        name: null,
+        en_name: null,
+        data_type: null
+      })
+    },
     async handleSubmit () {
       const obj = this.$refs.base.getValue()
       if (!obj) {