feat : 文件预览,项目详情文件表格展示

src/views/project-demand/requirement/add.vue

@@ -110,6 +110,8 @@
 
     <company-picker :multiple="true" ref="companyRef" title="请选择征集公司" @ok="selected"
                     v-model:value="selectedCompanyList"/>
+    <file-preview ref="filePreviewRef" v-if="filePreviewShow" :fileName="filePreviewParam.fileName" :fileUrl="filePreviewParam.fileUrl"
+                  :fileType="filePreviewParam.fileType"/>
   </div>
 </template>
 
@@ -134,7 +136,12 @@ import {getFundOption} from "@/api/special-fund";
 import CompanyPicker from "@/components/DetailComponent/CompanyPicker.vue";
 
 import {useCacheStore} from '@/stores/cache.js'
-
+const filePreviewParam = ref({
+  fileUrl: '',
+  fileName: '',
+  fileType: 'pdf'
+})
+const filePreviewShow = ref(false)
 const cacheStore = useCacheStore()
 const companyRef = ref()
 const showExpendText = ref('')
@@ -190,6 +197,9 @@ const tableConfig = reactive({
       prop: 'originalFileName',
       label: '文件名',
       align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => (
+          <div style="color: #2a99ff;cursor: pointer;" onClick={() => clickToPreview(row)}>{row.originalFileName}</div>)
     },
     {
       prop: 'tag',
@@ -220,6 +230,18 @@ const tableConfig = reactive({
     }
   ]
 })
+const clickToPreview = (row) => {
+  filePreviewShow.value = false
+  filePreviewParam.value = {
+    fileUrl: row.url,
+    fileName: row.originalFileName,
+    fileType: row.fileType
+  }
+  nextTick(()=>{
+    filePreviewShow.value = true
+  })
+  // filePreviewRef.value.show()
+}
 const disabledDate = (time) => {
   return time.getTime() < Date.now() - 8.64e7//不能选择之后的数据
 }

src/views/project-demand/requirement/moblieDetail/CollectionDetailMoblie.vue

@@ -1,193 +0,0 @@
-<template>
-  <div v-loading="loading">
-    <el-form :model="formData" label-width="left">
-      <el-row>
-        <el-col :span="24" v-if="type==='singleDetail'">
-          <el-form-item label="征集名称">
-            <span>{{ formData.requirementName }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="征集类型">
-            <span>{{ formData.collectType }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="需求上报截止时间">
-            <span>{{ formData.deadline }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" v-if="formData.isSpecialFund">
-          <el-form-item label="专项资金名称">
-            <span>{{ formData.specialFund }}</span>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="24" v-if="type==='singleDetail'">
-          <el-form-item label="征集公司">
-            <span :class="showExpendClass(showMoreCompany,formData.companyIds)">{{
-                getCompanyName(formData.companyIds)
-              }}</span>
-            <div style="color: #2a99ff;text-align: center;width: 100%;font-size: 15px;cursor: pointer"
-                 @click="handleExpend">{{ showExpendText }}
-            </div>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <baseTitle title="征集说明"></baseTitle>
-          <el-form-item>
-            <el-card style="width: 100%">
-              <div v-html="formData.collectExplain">
-              </div>
-            </el-card>
-          </el-form-item>
-        </el-col>
-        <baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表"></baseTitle>
-        <el-col :span="24">
-          <file-component title="" tag="需求征集" fileNameTableWidth="300"
-                          v-model:value="formData.fileList" :processViewer="processViewer"
-                          :file-list-show="fileListShow"/>
-        </el-col>
-        <el-col :span="24">
-          <div v-if="data.taskId">
-            <baseTitle title="审核意见"></baseTitle>
-            <el-form-item prop="_value">
-              <el-input
-                  v-model="_value"
-                  :rows="3"
-                  type="textarea"
-                  placeholder="请输入审核意见"
-              />
-            </el-form-item>
-          </div>
-        </el-col>
-      </el-row>
-      <div class="approval-record">
-        <div class="approval-title">
-          <baseTitle title="审批记录"></baseTitle>
-          <div class="diagram">
-            <div class="base-title">流程图</div>
-            <el-switch
-                v-model="changeDiagram"
-                style="--el-switch-on-color:#BEA266; --el-switch-off-color:#cecdcd"
-            />
-          </div>
-        </div>
-        <div class="process">
-          <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram"
-                            :operation-list="data.operationList" :isColumn="true"
-                            :state="data.state"/>
-          <process-diagram-viewer v-if="processViewer&&changeDiagram" id-name="collectionProcess"/>
-        </div>
-      </div>
-    </el-form>
-  </div>
-</template>
-
-<script setup lang="jsx">
-import OperationRender from '@/views/workflow/common/OperationRender.vue'
-import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'
-import {downloadFile} from "@/api/project-demand";
-
-const emit = defineEmits(['update:value'])
-const showExpendText = ref('')
-const showMoreCompany = ref(false)
-const props = defineProps({
-  formData: {
-    type: Array,
-    default: []
-  },
-  data: {
-    type: Array,
-    default: []
-  },
-  processViewer: {
-    type: Boolean,
-    default: false
-  },
-  companyOption: {
-    type: Array,
-    default: []
-  },
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  fileListShow: {
-    type: String,
-    default: ''
-  },
-  type: {
-    type: String,
-    default: ''
-  },
-  value: {
-    type: String,
-    default: ''
-  }
-})
-const changeDiagram = ref(false)
-const _value = computed({
-  get() {
-    return props.value;
-  },
-  set(val) {
-    emit("update:value", val);
-  }
-})
-const getCompanyName = (data) => {
-  if (data) {
-    return data.join('，')
-  }
-}
-const handleExpend = () => {
-  showMoreCompany.value = !showMoreCompany.value;
-  showExpendClass(showMoreCompany.value, props.formData.companyIds)
-}
-const showExpendClass = (showMoreCompany, data) => {
-  if (!showMoreCompany) {
-    if (data && data.length > 14) {
-      showExpendText.value = '展开'
-      return 'company-style'
-    }
-  } else {
-    showExpendText.value = '收缩'
-    return ''
-  }
-}
-
-const handleDownload = (row) => {
-  downloadFile(row.fileId).then(res => {
-    const blob = new Blob([res])
-    let a = document.createElement('a')
-    a.href = URL.createObjectURL(blob)
-    a.download = row.originalFileName
-    a.click()
-  })
-}
-
-watch(() => props.loading, (newVal) => {
-  props.loading = newVal
-}, {deep: true})
-
-watch(() => props.processViewer, (newVal) => {
-  props.processViewer = newVal
-}, {deep: true})
-</script>
-
-<style scoped lang="scss">
-:deep(.el-empty__description) {
-  margin-top: 0;
-}
-
-.company-style {
-  //width: 98%;
-  min-height: 30px;
-  max-height: 60px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 2;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-}
-</style>

src/views/project-demand/requirement/moblieDetail/index.vue

@@ -16,7 +16,7 @@ import {useTagsView} from '@/stores/tagsview.js'
 import {getFundOption} from "@/api/special-fund";
 import {getSubCompOpt} from "@/api/user/user";
 import {matterTree} from "@/utils/matterTree";
-import CollectionDetailMoblie from './CollectionDetailMoblie.vue'
+import CollectionDetailMoblie from '@/views/project-management/mobledetail/CollectionDetailMoblie.vue'
 import OpinionMoblie from '@/views/project-management/mobledetail/OpinionMoblie.vue'
 
 const tagsViewStore = useTagsView()

src/views/project-management/mobledetail/ApprovalDetailMoblie.vue

@@ -121,6 +121,12 @@ const tableConfig = reactive({
     }
   ]
 })
+const filePreviewParam = ref({
+  fileUrl: '',
+  fileName: '',
+  fileType: 'pdf'
+})
+const filePreviewShow = ref(false)
 const attachmentParam = reactive({
   tag: ''
 })
@@ -169,6 +175,69 @@ const props = defineProps({
 })
 const form = ref()
 const otherAttachmentList = ref([])
+const editSingleTableConfig = reactive({
+  columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width: 85,
+    },
+    {
+      prop: 'originalFileName',
+      label: '文件名',
+      align: 'center',
+      width: 400,
+      currentRender: ({row, index}) => (<div style="color: #2a99ff;cursor: pointer;" onClick={()=>clickToPreview(row)}>{row.originalFileName}</div>)
+    },
+    {
+      prop: 'tag',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'size',
+      label: '文件大小',
+      align: 'center',
+      width: 150,
+      currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        let btn = []
+        btn.push({label: '下载', func: () => handleDownload(row), type: 'primary'})
+        // if (row.newFile) {
+        //   btn.push({label: '删除', func: () => handleDelete(row), type: 'primary'})
+        // }
+        return (
+            <div style={{width: '100%'}}>
+              {
+                btn.map(item => (
+                    <el-button
+                        type={item.type}
+                        onClick={() => item.func()}
+                        link>
+                      {item.label}
+                    </el-button>
+                ))
+              }
+              {
+                row.newFile ? <popover-delete name={row.originalFileName} type={'文件'} btnType={'danger'}
+                                              perm={['mosr:requirement:del']}
+                                              onDelete={() => handleDelete(row)}/>
+                    : ''
+              }
+            </div>
+        )
+      }
+    }
+  ]
+})
 const schema = computed(() => {
   let arr
   if (props.type == 'approval') {
@@ -232,21 +301,13 @@ const schema = computed(() => {
           span: 24
         },
         labelWidth:'left',
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
+        component: () => {
+          let singleFileArray = [props.formData.singleFile]
+          return <fvTable style="width: 100%;max-height: 80px;" height="80"
+                          tableConfig={editSingleTableConfig}
+                          data={singleFileArray} isSettingCol={false} pagination={false}>
+          </fvTable>
+        }
       },
     ]
   } else if (props.type == 'execute') {
@@ -276,21 +337,13 @@ const schema = computed(() => {
           span: 24
         },
         labelWidth:'left',
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
+        component: () => {
+          let singleFileArray = [props.formData.singleFile]
+          return <fvTable style="width: 100%;max-height: 80px;" height="80"
+                          tableConfig={editSingleTableConfig}
+                          data={singleFileArray} isSettingCol={false} pagination={false}>
+          </fvTable>
+        }
       },
     ]
   } else if (props.type == 'archivist') {
@@ -302,21 +355,13 @@ const schema = computed(() => {
           span: 24
         },
         labelWidth:'left',
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
+        component: () => {
+          let singleFileArray = [props.formData.singleFile]
+          return <fvTable style="width: 100%;max-height: 80px;" height="80"
+                          tableConfig={editSingleTableConfig}
+                          data={singleFileArray} isSettingCol={false} pagination={false}>
+          </fvTable>
+        }
       },
     ]
   } else if (props.type == 'phase') {
@@ -328,21 +373,13 @@ const schema = computed(() => {
           span: 24
         },
         labelWidth:'left',
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
+        component: () => {
+          let singleFileArray = [props.formData.singleFile]
+          return <fvTable style="width: 100%;max-height: 80px;" height="80"
+                          tableConfig={editSingleTableConfig}
+                          data={singleFileArray} isSettingCol={false} pagination={false}>
+          </fvTable>
+        }
       },
     ]
   }
@@ -359,6 +396,17 @@ const _value = computed({
     emit("update:value", val);
   }
 })
+const clickToPreview=(row)=>{
+  filePreviewShow.value = false
+  filePreviewParam.value = {
+    fileUrl: row.url,
+    fileName: row.originalFileName,
+    fileType: row.fileType
+  }
+  nextTick(()=>{
+    filePreviewShow.value = true
+  })
+}
 const getTagsOption = () => {
   if (!route.query.projectId) return
   getTags(route.query.projectId).then(res => {

src/views/project-management/mobledetail/CollectionDetailMoblie.vue

@@ -44,7 +44,7 @@
         </el-col>
         <baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表"></baseTitle>
         <el-col :span="24">
-          <file-component title="" tag="需求征集"
+          <file-component title="" tag="需求征集" :fullscreen="true"
                           v-model:value="formData.fileList" :processViewer="processViewer"
                           :file-list-show="fileListShow"/>
         </el-col>

src/views/project-management/mobledetail/SummaryDetailMoblie.vue

@@ -135,7 +135,7 @@
           <baseTitle title="需求上报申请书"></baseTitle>
         </el-col>
         <el-col :span="24">
-          <single-file-component tag="需求上报" :fileNameTableWidth="200"
+          <single-file-component tag="需求上报" :fileNameTableWidth="200"  :fullscreen="true"
                           v-model:value="localFormData.singleFile" :processViewer="processViewer"
                           labelAlign="top"
                           :file-list-show="fileListShow"/>
@@ -151,7 +151,7 @@
         </el-col>
         <el-col :span="24">
           <file-component
-              tag="需求上报" :fileNameTableWidth="200"
+              tag="需求上报" :fileNameTableWidth="200"  :fullscreen="true"
               v-model:value="localFormData.fileList"
               :processViewer="processViewer"
               :file-list-show="fileListShow"

src/views/project-management/mobledetail/index.vue

@@ -60,7 +60,7 @@ import CollectionDetail from './CollectionDetailMoblie.vue';
 import SummaryDetail from './SummaryDetailMoblie.vue';
 import StepsMoblie from './StepsMoblie.vue';
 import {getMapProjectStateInfo} from "./api";
-import OpinionMoblie from "./OpinionMoblie.vue";
+import OpinionMoblie from '@/views/project-management/mobledetail/OpinionMoblie.vue'
 // import ProjectApplyMoblie from "./ProjectApplyMoblie.vue";
 
 

src/views/project-management/phaseDetailMoblie/ApprovalDetailMoblie.vue

@@ -1,278 +0,0 @@
-<template>
-  <div v-loading="loading">
-    <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
-    <el-form :model="formData" label-width="auto" style="margin-top: -15px">
-      <file-component
-        :title="getTagName(type)+'附件'"
-        :tag="getTagName(type)"
-        fileNameTableWidth="300"
-        v-model:value="formData.fileList"
-        :processViewer="processViewer"
-        :file-list-show="fileListShow"
-        labelAlign="top"
-      />
-    </el-form>
-    <div v-if="data.taskId">
-      <baseTitle title="审核意见"></baseTitle>
-      <el-form-item prop="_value">
-        <el-input
-            v-model="_value"
-            :rows="3"
-            type="textarea"
-            placeholder="请输入审核意见"
-        />
-      </el-form-item>
-    </div>
-    <div class="approval-record">
-      <div class="approval-title" style="margin-top: -15px">
-        <baseTitle title="审批记录"></baseTitle>
-        <div class="diagram">
-          <div class="base-title">流程图</div>
-          <el-switch
-              v-model="changeDiagram"
-              style="--el-switch-on-color:#BEA266; --el-switch-off-color:#cecdcd"
-          />
-        </div>
-      </div>
-      <div class="process">
-        <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram"
-                          :operation-list="data.operationList" :isColumn="true"
-                          :state="data.state"/>
-        <process-diagram-viewer v-if="processViewer&&changeDiagram" :id-name="idName?idName:type"/>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="jsx">
-import OperationRender from '@/views/workflow/common/OperationRender.vue'
-import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
-import {ElLoading} from 'element-plus';
-import {downloadFile} from "@/api/project-demand";
-
-const changeDiagram = ref(false)
-const props = defineProps({
-  formData: {
-    type: Object,
-    default: {}
-  },
-  data: {
-    type: Object,
-    default: {}
-  },
-  processViewer: {
-    type: Boolean,
-    default: false
-  },
-  companyOption: {
-    type: Array,
-    default: []
-  },
-  fileListShow: {
-    type: String,
-    default: 'READ'
-  },
-  // approval 立项, execute 实施, 归档 archivist
-  type: {
-    type: String,
-    default: 'approval'
-  },
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  value: {
-    type: String,
-    default: ''
-  },
-  idName: {
-    type: String,
-    default: ''
-  }
-})
-const form = ref()
-const schema = computed(() => {
-  let arr
-  if (props.type == 'approval') {
-    arr = [
-      {
-        label: '前置流程',
-        prop: 'preProcess',
-        colProps: {
-          span: 24
-        },
-        component: () => (
-            <div>
-              {
-                props.formData.preProcess ? props.formData.preProcess.map(item => {
-                  return <span><a target="_blank" style={{color: '#409EFF', cursor: 'pointer'}}
-                                  href={props.formData.preProcessBaseUrl + item.requestId}>{item.requestName}</a> </span>
-                }) : <span>{'--'}</span>
-              }
-            </div>
-        )
-      },
-      {
-        label: '项目立项附件',
-        prop: 'singleFile',
-        colProps: {
-          span: 24
-        },
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
-      },
-    ]
-  } else if (props.type == 'execute') {
-    arr = [
-      {
-        label: '前置流程',
-        prop: 'preProcess',
-        colProps: {
-          span: 24
-        },
-        component: () => (
-            <div>
-              {
-                props.formData.preProcess ? props.formData.preProcess.map(item => {
-                  return <span><a target="_blank" style={{color: '#409EFF', cursor: 'pointer'}}
-                                  href={props.formData.preProcessBaseUrl + item.requestId}>{item.requestName}</a> </span>
-                }) : <span>{'--'}</span>
-              }
-            </div>
-        )
-      },
-      {
-        label: '项目验收附件',
-        prop: 'singleFile',
-        colProps: {
-          span: 24
-        },
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
-      },
-    ]
-  } else if (props.type == 'archivist') {
-    arr = [
-      {
-        label: '项目归档附件',
-        prop: 'singleFile',
-        colProps: {
-          span: 24
-        },
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
-      },
-    ]
-  } else if (props.type == 'phase') {
-    arr = [
-      {
-        label: '阶段变更附件',
-        prop: 'singleFile',
-        colProps: {
-          span: 24
-        },
-        component: () => (
-            <div>
-              {
-                props.formData.singleFile?.originalFileName ?
-                    <span
-                        style={{color: '#409EFF', cursor: 'pointer'}}
-                        onClick={() => handleDownload(props.formData.singleFile)}
-                    >
-                {props.formData.singleFile?.originalFileName}
-              </span> :
-                    <span>{'--'}</span>
-              }
-            </div>
-
-        )
-      },
-    ]
-  }
-  return arr
-})
-
-const emit = defineEmits(['update:value'])
-const _value = computed({
-  get() {
-    return props.value;
-  },
-  set(val) {
-    emit("update:value", val);
-  }
-})
-
-const getTagName = (type) => {
-  switch (type) {
-    case 'approval':
-      return '项目立项'
-    case 'execute':
-      return '项目实施'
-    case 'archivist':
-      return '项目归档'
-    case 'phase':
-      return '阶段变更'
-  }
-}
-const handleDownload = (row) => {
-  const loading = ElLoading.service({fullscreen: true})
-  downloadFile(row.fileId).then(res => {
-    const blob = new Blob([res])
-    let a = document.createElement('a')
-    a.href = URL.createObjectURL(blob)
-    a.download = row.originalFileName
-    a.click()
-    loading.close()
-  })
-}
-watchEffect(() => {
-  Object.keys(props.formData).length && (form.value?.setValues(props.formData))
-})
-
-watch(() => props.loading, (newVal) => {
-  props.loading = newVal
-}, {deep: true})
-</script>
-
-<style lang="scss" scoped>
-
-</style>

src/views/project-management/phaseDetailMoblie/index.vue

@@ -17,8 +17,8 @@ import {useProcessStore} from '@/stores/processStore.js';
 import {getPhaseDetail} from "@/api/project-manage";
 import {computed, ref} from "vue";
 import {getBaseInfoApi} from "@/components/steps/api";
-import ApprovalDetailMoblie from './ApprovalDetailMoblie.vue'
-import OpinionMoblie from "../mobledetail/OpinionMoblie.vue";
+import ApprovalDetailMoblie from '../mobledetail/ApprovalDetailMoblie.vue'
+import OpinionMoblie from '@/views/project-management/mobledetail/OpinionMoblie.vue'
 
 const route = useRoute()
 const summaryData = ref({})

src/views/system/role/index.vue

@@ -46,7 +46,7 @@ const shortcuts = [
 
 const searchConfig = ref([
   {
-    label: '子公司名称',
+    label: '公司名称',
     prop: 'subCompanyId',
     component: 'el-tree-select',
     props: {

src/views/system/user/add.vue

@@ -36,7 +36,7 @@ const localData = reactive({
 const schame = computed(()=>{
   let arr = [
     {
-      label: '子公司',
+      label: '公司',
       prop: 'subCompanyId',
       component: 'el-tree-select',
       props: {

src/views/system/user/index.vue

@@ -17,7 +17,7 @@ const router = useRouter()
 
 const searchConfig = ref([
   {
-    label: '子公司名称',
+    label: '公司名称',
     prop: 'subCompanyId',
     component: 'el-tree-select',
     props: {
@@ -101,7 +101,7 @@ const tableConfig = reactive({
     },
     {
       prop: 'subCompanyName',
-      label: '子公司名称',
+      label: '公司名称',
       align: 'center',
     },
     {