Browse Source

修改数据项描述

FinalYu 2 years ago
parent
commit
cf4cf639f3

+ 16 - 0
chuanyi_client2/src/api/datasource.js

@@ -179,3 +179,19 @@ export function getItemValueById(id) {
         method: 'get'
     })
 }
+
+/**
+ * 修改通道描述
+ * @param data
+ * @returns {AxiosPromise}
+ */
+export function updateItemDescribe(data) {
+    return request({
+        url: '/itemGroup/updateItemDescribe',
+        headers: {
+            isToken: true
+        },
+        method: 'post',
+        data
+    })
+}

+ 53 - 4
chuanyi_client2/src/views/group_item/index.vue

@@ -22,20 +22,30 @@
       </el-table-column>
       <el-table-column prop="itemName" label="数据项名称" align="center">
       </el-table-column>
-      <el-table-column prop="dataType" label="数据项类型" align="center" width="100">
+      <el-table-column v-if="groupRunStatus" prop="dataType" label="数据项类型" align="center" width="100">
       </el-table-column>
-      <el-table-column prop="dataValue" label="数据项值" align="center" width="120">
+      <el-table-column v-if="groupRunStatus" prop="dataValue" label="数据项值" align="center" width="120">
+      </el-table-column>
+      <el-table-column v-if="!groupRunStatus" prop="describe" label="描述" align="center" width="120">
+        <template slot-scope="scope" v-if="scope.row.describe">
+          <el-tag type="primary" disable-transitions>{{ scope.row.describe }}</el-tag>
+        </template>
       </el-table-column>
       <el-table-column prop="dataSourceName" label="数据源名称" align="center" width="200">
       </el-table-column>
-      <el-table-column prop="createTime" label="运行时间" align="center" width="120">
+      <el-table-column v-if="groupRunStatus" prop="createTime" label="运行时间" align="center" width="120">
+      </el-table-column>
+      <el-table-column v-if="!groupRunStatus" fixed="right" label="操作" width="100">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="handleClickByEdit(scope.row)">编辑</el-button>
+        </template>
       </el-table-column>
     </el-table>
   </div>
 </template>
 
 <script>
-import {getItemGroupById, getItemValueById, runGroupById} from "@/api/datasource";
+import {getItemGroupById, getItemValueById, updateItemDescribe} from "@/api/datasource";
 import {showLoading} from "@/utils/cqcy";
 
 export default {
@@ -117,6 +127,45 @@ export default {
       }).catch((e) => {
         loading.close()
       })
+    },
+    /** 编辑 */
+    handleClickByEdit(row) {
+      if (!row || !row.id) {
+        this.$message({
+          message: '编辑失败!',
+          type: 'warning'
+        })
+        return
+      }
+      this.$prompt('请输入该数据项描述信息', '编辑', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        inputValue: row.describe,
+        inputValidator: (val) => {
+          if (!val) {
+            return '描述信息不能为空'
+          }
+          if (val.length > 20) {
+            return '描述信息必须在20字以内'
+          }
+        }
+      }).then(({ value }) => {
+        let data = {
+          'id': row.id,
+          'describe': value
+        }
+        updateItemDescribe(data).then(res => {
+          let msg = res.data ? '编辑成功!' : '编辑失败!'
+          let msgType = res.data ? 'success' : 'error'
+          this.$message({
+            message: msg,
+            type: msgType
+          })
+          this.getGroupById(this.chooseGroupId)
+        }).catch((e) => {
+        })
+      }).catch(() => {
+      })
     }
   }
 }