知识

src/utils/apiUrl.js

@@ -1,6 +1,6 @@
 module.exports = {
   // 开发环境接口配置
   // APIURl: "https://test.api.shidaiyun.net"
-  APIURl: "http://10.21.12.21:30000"
+  APIURl: "http://localhost:30000"
   // APIURl: "https://api.shidaiyun.net"
 };

src/views/governmentCloud/knowledgeBase/Detail.vue

@@ -0,0 +1,31 @@
+<template>
+  <el-drawer :visible.sync="drawerDetail" :wrapperClosable="false" ref="drawerDetail" size="700px"
+    :before-close="handleDrawerClose" class="JNPF-common-drawer" append-to-body>
+    <div class="JNPF-flex-main"></div>
+  </el-drawer>
+</template>
+
+<script>
+import { getKnowledgeInfo } from "@/api/governmentCloud/knowledgeBase/knowledgeBase";
+
+export default {
+  data() {
+    return {
+      drawerDetail: false,
+      dataForm: {
+        id: "",
+      },
+    };
+  },
+  methods: {
+    init(id) {
+      getKnowledgeInfo(id).then((res) => {
+        this.dataForm = res.data
+      })
+    },
+    handleDrawerClose(done) {
+      done();
+    }
+  },
+};
+</script>

src/views/governmentCloud/knowledgeBase/Form.vue

@@ -1,130 +0,0 @@
-<template>
-  <el-dialog :title="!dataForm.id ? '新建' : '编辑'" :close-on-click-modal="false"
-    :close-on-press-escape="false" :visible.sync="visible" lock-scroll width="600px"
-    class="JNPF-dialog JNPF-dialog_center" append-to-body>
-    <el-form ref="dataForm" :model="dataForm" :rules="dataRule" v-loading="formLoading"
-      label-width="80px">
-      <el-form-item label="项目上级" prop="parentId">
-        <JnpfTreeSelect v-model="dataForm.parentId" :options="treeData" placeholder="选择项目上级"
-          :disabled="parentDisabled" />
-      </el-form-item>
-      <el-form-item label="字典名称" prop="fullName">
-        <el-input v-model="dataForm.fullName" placeholder="输入名称" />
-      </el-form-item>
-      <el-form-item label="字典编码" prop="enCode">
-        <el-input v-model="dataForm.enCode" placeholder="输入编码" />
-      </el-form-item>
-      <el-form-item label="排序" prop="sortCode">
-        <el-input-number :min="0" :max="999999" v-model="dataForm.sortCode"
-          controls-position="right" />
-      </el-form-item>
-      <el-form-item label="状态" prop="enabledMark">
-        <el-switch v-model="dataForm.enabledMark" :active-value="1" :inactive-value="0" />
-      </el-form-item>
-      <el-form-item label="说明" prop="description">
-        <el-input v-model="dataForm.description" type="textarea" :rows="3" />
-      </el-form-item>
-    </el-form>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="visible = false">{{$t('common.cancelButton')}}</el-button>
-      <el-button type="primary" :loading="btnLoading" @click="dataFormSubmit()">
-        {{$t('common.confirmButton')}}</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-import {
-  getDictionaryDataTypeSelector,
-  getDictionaryDataInfo,
-  updateDictionaryData,
-  createDictionaryData
-} from '@/api/systemData/dictionary'
-
-export default {
-  data() {
-    return {
-      visible: false,
-      formLoading: false,
-      btnLoading: false,
-      parentDisabled: false,
-      dataForm: {
-        id: '',
-        dictionaryTypeId: '',
-        parentId: '0',
-        fullName: '',
-        enCode: '',
-        enabledMark: 1,
-        sortCode: 0,
-        description: ''
-      },
-      treeData: [],
-      dataRule: {
-        parentId: [
-          { required: true, message: '请选择', trigger: 'input' }
-        ],
-        fullName: [
-          { required: true, message: '请输入名称', trigger: 'blur' },
-          { max: 50, message: '字典名称最多为50个字符！', trigger: 'blur' }
-        ],
-        enCode: [
-          { required: true, message: '请输入编码', trigger: 'blur' },
-          { max: 50, message: '字典编码最多为50个字符！', trigger: 'blur' }
-        ]
-      }
-    }
-  },
-  methods: {
-    init(id, typeId, isTree) {
-      this.visible = true
-      this.dataForm.id = id || ''
-      this.dataForm.dictionaryTypeId = typeId
-      this.formLoading = true
-      this.$nextTick(() => {
-        this.$refs['dataForm'].resetFields()
-        if (isTree === 1) {
-          this.parentDisabled = false
-        } else {
-          this.parentDisabled = true
-        }
-        getDictionaryDataTypeSelector(this.dataForm.dictionaryTypeId, isTree, id || 0).then(res => {
-          this.treeData = res.data.list
-          if (this.dataForm.id) {
-            getDictionaryDataInfo(this.dataForm.id).then(res => {
-              this.dataForm = res.data
-              this.formLoading = false
-            })
-          } else {
-            this.dataForm.parentId = res.data.list[0].id
-            this.formLoading = false
-          }
-        })
-      })
-    },
-    dataFormSubmit() {
-      this.$refs['dataForm'].validate((valid) => {
-        if (valid) {
-          this.btnLoading = true
-          this.dataForm.parentId = this.dataForm.dictionaryTypeId === this.dataForm.parentId ? '0' : this.dataForm.parentId
-          const formMethod = this.dataForm.id ? updateDictionaryData : createDictionaryData
-          formMethod(this.dataForm).then(res => {
-            this.$message({
-              message: res.msg,
-              type: 'success',
-              duration: 1500,
-              onClose: () => {
-                this.$store.commit('base/SET_DICTIONARY_LIST', [])
-                this.visible = false
-                this.btnLoading = false
-                this.$emit('refreshDataList')
-              }
-            })
-          }).catch(() => {
-            this.btnLoading = false
-          })
-        }
-      })
-    }
-  }
-}
-</script>

src/views/governmentCloud/knowledgeBase/index.vue

@@ -53,6 +53,7 @@
           <el-table-column label="操作" width="100">
             <template slot-scope="scope">
               <tableOpts :hasEdit="false" @del="handleDel(scope.row.id)" />
+              <el-button type="text" @click="handleDetail(scope.row.id)">详情</el-button>
             </template>
           </el-table-column>
         </JNPF-table>
@@ -60,8 +61,8 @@
           @pagination="getKnowledgeList" />
       </div>
     </div>
-    <Form v-if="formVisible" ref="Form" @refreshDataList="getKnowledgeList" />
     <TypeList v-if="drawer" ref="TypeList" @refreshDataList="initData" />
+    <Detail v-if="drawerDetail" ref="Detail" />
   </div>
 </template>
 
@@ -71,14 +72,14 @@ import {
   getKnowledgeList,
   delKnowledge
 } from '@/api/governmentCloud/knowledgeBase/knowledgeBase'
-import Form from './Form'
 import TypeList from './components/index'
+import Detail from './Detail'
 
 export default {
-  name: 'systemData-dictionary',
+  name: 'knowledgeBase',
   components: {
-    Form,
-    TypeList
+    TypeList,
+    Detail
   },
   data() {
     return {
@@ -94,7 +95,6 @@ export default {
       },
       total: 0,
       drawer: false,
-      formVisible: false,
       treeLoading: false,
       listLoading: false,
       treeData: [],
@@ -104,6 +104,7 @@ export default {
       refreshTable: true,
       refreshTree: true,
       filterText: '',
+      drawerDetail: false
     }
   },
   watch: {
@@ -176,6 +177,12 @@ export default {
       this.listQuery.knowledgeBaseId = data.id
       this.reset()
     },
+    handleDetail(id) {
+      this.drawerDetail = true
+      this.$nextTick(() => {
+        this.$refs.Detail.init(id)
+      })
+    },
     handleDel(id) {
       this.$confirm(this.$t('common.delTip'), this.$t('common.tipTitle'), {
         type: 'warning'