管理端添加文件记录列表

src/api/dictionary.js

@@ -1069,4 +1069,27 @@ export function batchAddEnrollOrPdEmailConfig(params) {
     method: 'post',
     params
   })
+}
+// 文件记录-系统文件列表
+export function getSysFileTypeList(data) {
+  return request({
+    url: `/SysFileType/getSysFileTypeList`,
+    method: 'post',
+    data
+  })
+}
+// 文件记录-新增/编辑系统文件
+export function addOrUpdateSysFileType(data) {
+  return request({
+    url: `/SysFileType/addOrUpdateSysFileType`,
+    method: 'post',
+    data
+  })
+}
+// 文件记录-删除系统文件
+export function deleteSysFileType(id) {
+  return request({
+    url: `/SysFileType/deleteSysFileType/${id}`,
+    method: 'delete'
+  })
 }

src/views/dictionary/template/file/fileForm.vue

@@ -0,0 +1,224 @@
+<template>
+  <base-model :config="config">
+    <div slot="dialog-body">
+      <el-form
+        ref="fileForm"
+        :model="form"
+        label-width="100px"
+        size="small"
+        :rules="rules"
+      >
+        <div class="base-dialog-body">
+          <el-form-item :label="$t('dictionary:file:form:name')" prop="Name">
+            <el-input v-model="form.Name" />
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:file:form:nameCN')"
+            prop="NameCN"
+          >
+            <el-input v-model="form.NameCN" />
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:browser:form:ArchiveTypeEnum')"
+            prop="ArchiveTypeEnum"
+          >
+            <el-select
+              v-model="form.ArchiveTypeEnum"
+              clearable
+              placeholder=""
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in $d.ArchiveType"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:browser:form:SubIdentificationEnum')"
+            prop="SubIdentificationEnum"
+          >
+            <el-select
+              style="width: 100%"
+              v-model="form.SubIdentificationEnum"
+              clearable
+              placeholder=""
+            >
+              <el-option
+                v-for="item in $d.SubIdentification"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:form:IsEnable')">
+            <el-switch
+              v-model="form.IsEnable"
+              :active-value="true"
+              :inactive-value="false"
+            >
+            </el-switch>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:form:IsConfirmRecord')">
+            <el-switch
+              v-model="form.IsConfirmRecord"
+              :active-value="true"
+              :inactive-value="false"
+            >
+            </el-switch>
+          </el-form-item>
+        </div>
+      </el-form>
+    </div>
+    <div slot="dialog-footer">
+      <el-button size="small" @click="canel">
+        {{ $t('dictionary:browser:button:canel') }}
+      </el-button>
+      <el-button size="small" type="primary" :loading="loading" @click="save">
+        {{ $t('dictionary:browser:button:save') }}
+      </el-button>
+    </div>
+  </base-model>
+</template>
+  <script>
+import baseModel from '@/components/BaseModel'
+import { addOrUpdateSysFileType } from '@/api/dictionary'
+export default {
+  props: {
+    config: {
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+    data: {
+      required: true,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  components: {
+    'base-model': baseModel,
+  },
+  data() {
+    return {
+      form: {
+        ArchiveTypeEnum: null,
+        IsConfirmRecord: true,
+        IsEnable: true,
+        Name: null,
+        NameCN: null,
+        SubIdentificationEnum: null,
+      },
+      rules: {
+        Name: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+        NameCN: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+        SubIdentificationEnum: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+        ArchiveTypeEnum: [
+          {
+            required: true,
+            message: this.$t('common:ruleMessage:select'),
+            trigger: ['blur', 'change'],
+          },
+        ],
+      },
+      fileList: [],
+      loading: false,
+    }
+  },
+  created() {
+    if (this.config.status === 'edit') {
+      Object.keys(this.form).forEach((key) => {
+        this.form[key] = this.data[key]
+      })
+      if (this.form.FileName) {
+        this.fileList[0] = {
+          name: this.form.FileName,
+          path: this.form.Path,
+          fullPath: this.form.Path,
+        }
+      }
+    }
+  },
+  methods: {
+    async save() {
+      try {
+        let validate = await this.$refs.fileForm.validate()
+        if (!validate) return false
+        this.loading = true
+        if (this.config.status === 'edit') {
+          this.form.Id = this.data.Id
+        }
+        let res = await addOrUpdateSysFileType(this.form)
+        if (res.IsSuccess) {
+          this.$emit('close')
+          this.$emit('getList')
+        }
+      } catch (err) {
+        console.log(err)
+        this.loading = false
+      }
+    },
+    canel() {
+      this.$emit('close')
+    },
+    handleRemoveFile() {
+      this.form.FileName = null
+      this.form.Path = null
+      this.fileList = []
+    },
+    beforeUpload() {
+      if (this.fileList.length > 0) {
+        this.$alert(this.$t('dictionary:bbrowser:msg:message1'))
+        return
+      }
+    },
+    handlePreview(row, r2) {
+      if (row.fullPath) {
+        window.open(row.fullPath, '_blank')
+      }
+    },
+    async handleUploadFile(param) {
+      this.loading = true
+      var file = await this.fileToBlob(param.file)
+      const res = await this.OSSclient.put(
+        `/System/Browser/${param.file.name}`,
+        file
+      )
+      this.fileList.push({
+        name: param.file.name,
+        path: this.$getObjectName(res.url),
+        fullPath: this.$getObjectName(res.url),
+        url: this.$getObjectName(res.url),
+      })
+      this.form.Path = this.$getObjectName(res.url)
+      this.form.FileName = param.file.name
+      this.loading = false
+    },
+  },
+}
+</script>

src/views/dictionary/template/file/index.vue

@@ -0,0 +1,336 @@
+<template>
+  <BoxContent>
+    <box-content>
+      <!-- 搜索框 -->
+      <div class="search">
+        <el-form :inline="true" size="mini" class="base-search-form">
+          <el-form-item :label="$t('dictionary:file:search:Name')">
+            <el-input v-model="searchData.Name" style="width: 100px" />
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:NameCN')">
+            <el-input v-model="searchData.NameCN" style="width: 100px" />
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:archiveTypeEnum')">
+            <el-select
+              v-model="searchData.ArchiveTypeEnum"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in $d.ArchiveType"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="$t('dictionary:file:search:subIdentificationEnum')"
+          >
+            <el-select
+              v-model="searchData.SubIdentificationEnum"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in $d.SubIdentification"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:isEnable')">
+            <el-select
+              v-model="searchData.IsEnable"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in $d.YesOrNo"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item :label="$t('dictionary:file:search:isConfirmRecord')">
+            <el-select
+              v-model="searchData.IsConfirmRecord"
+              clearable
+              placeholder=""
+              style="width: 100px"
+            >
+              <el-option
+                v-for="item in $d.YesOrNo"
+                :key="item.id"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              @click="handleSearch"
+            >
+              {{ $t('common:button:search') }}
+            </el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-refresh-left"
+              @click="handleReset"
+            >
+              {{ $t('common:button:reset') }}
+            </el-button>
+          </el-form-item>
+        </el-form>
+        <span style="margin-left: auto">
+          <el-button type="primary" size="mini" @click="handleAdd">
+            {{ $t('dictionary:browser:button:add') }}
+          </el-button>
+        </span>
+      </div>
+
+      <el-table
+        v-loading="loading"
+        v-adaptive="{ bottomOffset: 45 }"
+        :data="list"
+        stripe
+        height="100"
+        style="width: 100%"
+        @sort-change="handleSortByColumn"
+      >
+        <el-table-column type="index" width="40" />
+
+        <el-table-column
+          prop="Name"
+          :label="$t('dictionary:file:table:Name')"
+          sortable="custom"
+          show-overflow-tooltip
+        />
+        <el-table-column
+          prop="NameCN"
+          :label="$t('dictionary:file:table:NameCN')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          prop="ArchiveTypeEnum"
+          :label="$t('dictionary:file:table:archiveTypeEnum')"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            {{ $fd('ArchiveType', scope.row.ArchiveTypeEnum) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="SubIdentificationEnum"
+          :label="$t('dictionary:file:table:subIdentificationEnum')"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            {{ $fd('SubIdentification', scope.row.SubIdentificationEnum) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('dictionary:file:table:IsEnable')"
+          prop="IsEnable"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            <el-tag :type="!scope.row.IsEnable ? 'info' : ''">
+              {{ $fd('YesOrNo', scope.row.IsEnable) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('dictionary:file:table:isConfirmRecord')"
+          prop="IsConfirmRecord"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            <el-tag :type="!scope.row.IsEnable ? 'info' : ''">
+              {{ $fd('YesOrNo', scope.row.IsConfirmRecord) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="CreateTime"
+          :label="$t('dictionary:file:table:createTime')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          prop="UpdateTime"
+          :label="$t('dictionary:file:table:updateTime')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          :label="$t('dictionary:file:table:action')"
+          width="200"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <el-button type="text" @click="handleEdit(scope.row)">
+              {{ $t('dictionary:file:button:edit') }}
+            </el-button>
+            <el-button type="text" @click="handleDelete(scope.row)">
+              {{ $t('dictionary:file:button:delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页组件 -->
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
+      <File-form
+        :config="config"
+        :data="rowData"
+        v-if="config.visible"
+        @close="close"
+        @getList="getList"
+      />
+    </box-content>
+  </BoxContent>
+</template>
+<script>
+import { getSysFileTypeList, deleteSysFileType } from '@/api/dictionary'
+import BoxContent from '@/components/BoxContent'
+import Pagination from '@/components/Pagination'
+import FileForm from './fileForm'
+const searchDataDefault = () => {
+  return {
+    ArchiveTypeEnum: null,
+    IsConfirmRecord: null,
+    IsEnable: null,
+    Name: null,
+    NameCN: null,
+    SubIdentificationEnum: null,
+    PageIndex: 1,
+    PageSize: 20,
+    asc: false,
+    sortField: 'CreateTime',
+  }
+}
+export default {
+  name: 'fileRecord',
+  components: { Pagination, FileForm, BoxContent },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      loading: false,
+      list: [],
+      total: 0,
+      rowData: {},
+      config: {
+        visible: false,
+        showClose: true,
+        width: '400px',
+        title: '',
+        appendToBody: true,
+        status: 'add',
+      },
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        let res = await getSysFileTypeList(this.searchData)
+        this.loading = false
+        if (res.IsSuccess) {
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+        }
+      } catch (err) {
+        this.loading = false
+        console.log(err)
+      }
+    },
+    // 新增
+    handleAdd() {
+      this.rowData = {}
+      this.config.title = this.$t('dictionary:file:form:title:add')
+      this.config.status = 'add'
+      this.config.visible = true
+    },
+    // 编辑
+    handleEdit(row) {
+      this.rowData = { ...row }
+      this.config.title = this.$t('dictionary:file:form:title:edit')
+      this.config.status = 'edit'
+      this.config.visible = true
+    },
+    // 删除
+    handleDelete(row) {
+      this.$confirm(this.$t('dictionary:file:message:deleteMessage'), {
+        type: 'warning',
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          deleteSysFileType(row.Id).then((res) => {
+            if (res.IsSuccess) {
+              this.getList()
+              this.$message.success(
+                this.$t('common:message:deletedSuccessfully')
+              )
+            }
+          })
+        })
+        .catch((err) => {
+          console.log(err)
+        })
+    },
+    // 查询
+    handleSearch() {
+      this.searchData.PageIndex = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.searchData = searchDataDefault()
+      this.getList()
+    },
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === 'ascending') {
+        this.searchData.Asc = true
+      } else {
+        this.searchData.Asc = false
+      }
+      this.searchData.SortField = column.prop
+      this.searchData.PageIndex = 1
+      this.getList()
+    },
+    close() {
+      this.config.visible = false
+    },
+  },
+}
+</script>
+<style lang="scss" scoped>
+</style>

src/views/dictionary/template/index.vue

@@ -6,52 +6,84 @@
         <qc-questions v-if="activeTab == 'qc'" />
       </el-tab-pane>
       <!-- 阅片标准配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:criterionsConfig')" name="criterions">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:criterionsConfig')"
+        name="criterions"
+      >
         <criterions-tmp v-if="activeTab == 'criterions'" />
       </el-tab-pane>
       <!-- 临床数据配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:clinicalDataConfig')" name="clinicalData">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:clinicalDataConfig')"
+        name="clinicalData"
+      >
         <clinical-data v-if="activeTab == 'clinicalData'" />
       </el-tab-pane>
       <!-- 医学审核问题配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:medicalConfig')" name="medicalAudit">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:medicalConfig')"
+        name="medicalAudit"
+      >
         <medical-audit v-if="activeTab == 'medicalAudit'" />
       </el-tab-pane>
       <!-- DICOM字段匿名化配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:dicomTagConfig')" name="anonymization">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:dicomTagConfig')"
+        name="anonymization"
+      >
         <Anonymization v-if="activeTab == 'anonymization'" />
       </el-tab-pane>
       <!-- DICOM字段新增配置 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:dicomTagAddConfig')" name="increasefields">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:dicomTagAddConfig')"
+        name="increasefields"
+      >
         <IncreaseFields v-if="activeTab == 'increasefields'" />
       </el-tab-pane>
       <!-- 邮件管理 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:emailConfig')" name="email">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:emailConfig')"
+        name="email"
+      >
         <Email v-if="activeTab == 'email'" />
       </el-tab-pane>
       <!-- 签名管理 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:signConfig')" name="sign">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:signConfig')"
+        name="sign"
+      >
         <Sign v-if="activeTab == 'sign'" />
       </el-tab-pane>
       <!-- 浏览器推荐 -->
-      <el-tab-pane :label="$t('dictionary:template:tab:browserConfig')" name="browser">
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:browserConfig')"
+        name="browser"
+      >
         <Browser v-if="activeTab == 'browser'" />
       </el-tab-pane>
+      <!-- 文件记录 -->
+      <el-tab-pane
+        :label="$t('dictionary:template:tab:fileConfig')"
+        name="file"
+      >
+        <File v-if="activeTab == 'file'" />
+      </el-tab-pane>
     </el-tabs>
   </div>
 </template>
 <script>
-import QcQuestions from "./components/QcQuestions.vue";
-import CriterionsTmp from "./components/CriterionsTmp";
-import ClinicalData from "./components/ClinicalDataConfig";
-import MedicalAudit from "./components/MedicalAudit";
-import Anonymization from "./components/Anonymization";
-import IncreaseFields from "./components/IncreaseFields";
-import Email from "./email/index.vue";
-import Sign from "./sign/index.vue";
-import Browser from "./browser/index.vue";
+import QcQuestions from './components/QcQuestions.vue'
+import CriterionsTmp from './components/CriterionsTmp'
+import ClinicalData from './components/ClinicalDataConfig'
+import MedicalAudit from './components/MedicalAudit'
+import Anonymization from './components/Anonymization'
+import IncreaseFields from './components/IncreaseFields'
+import Email from './email/index.vue'
+import Sign from './sign/index.vue'
+import Browser from './browser/index.vue'
+import File from './file/index.vue'
 export default {
-  name: "Questions",
+  name: 'Questions',
   components: {
     QcQuestions,
     CriterionsTmp,
@@ -62,25 +94,26 @@ export default {
     Sign,
     MedicalAudit,
     Browser,
+    File,
   },
   data() {
     return {
-      activeTab: "qc",
-    };
+      activeTab: 'qc',
+    }
   },
   mounted() {
     if (this.$route.query.tabActive) {
-      this.activeTab = this.$route.query.tabActive;
+      this.activeTab = this.$route.query.tabActive
     } else {
-      this.activeTab = "qc";
+      this.activeTab = 'qc'
     }
   },
   methods: {
     clickTab(tab, event) {
-      this.$router.push({ path: `/dictionary/template?tabActive=${tab.name}` });
+      this.$router.push({ path: `/dictionary/template?tabActive=${tab.name}` })
     },
   },
-};
+}
 </script>
 <style lang="scss">
 .question-wrapper {