祖安之光
2025-11-26 50ded4c9a21fb294892bfee8cad62f1a56f96ca8
src/views/build/conpanyFunctionConsult/companyInfo/overview/components/overviewDialog.vue
@@ -6,9 +6,11 @@
            width="800px"
            :before-close="handleClose"
        >
            <el-form :model="state.noticeForm" size="default" ref="noticeRef" :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px" >
      <el-form :model="state.noticeForm" size="default" ref="noticeRef"
               :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px">
              <el-form-item v-if="state.isAdmin" label="单位:" prop="companyId">
                <el-select v-model="state.noticeForm.companyId" placeholder="请选择" clearable filterable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin">
          <el-select v-model="state.noticeForm.companyId" placeholder="请选择" clearable filterable style="width: 100%"
                     :disabled="title == '查看' || title == '编辑' || !state.isAdmin">
                  <el-option
                      v-for="item in state.companyList"
@@ -18,8 +20,37 @@
                  </el-option>
                </el-select>
              </el-form-item>
        <el-form-item label="单位类型:" prop="companyType">
          <el-select v-model="state.noticeForm.companyType" placeholder="请选择" clearable filterable
                     style="width: 100%" :disabled="title == '查看'">
            <el-option :key="1" label="民营" :value="1"></el-option>
            <el-option :key="2" label="私营" :value="2"></el-option>
            <el-option :key="3" label="企事业单位" :value="3"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="行业:" prop="industry">
          <el-input v-model.trim="state.noticeForm.industry" :disabled="title === '查看'"/>
        </el-form-item>
        <el-form-item label="证书编号:" prop="legalPersonCode">
          <el-input v-model.trim="state.noticeForm.legalPersonCode" :disabled="title === '查看'"/>
        </el-form-item>
        <el-form-item label="法人代表:" prop="legalPerson">
          <el-input v-model.trim="state.noticeForm.legalPerson" :disabled="title === '查看'"/>
        </el-form-item>
        <el-form-item label="注册资本:" prop="registeredCapital">
          <el-input v-model.trim="state.noticeForm.registeredCapital" :disabled="title === '查看'"/>
        </el-form-item>
        <el-form-item label="总办公地址:" prop="officeAddress">
          <el-input v-model.trim="state.noticeForm.officeAddress" :rows="2" type="textarea"
                    :disabled="title === '查看'"/>
        </el-form-item>
        <el-form-item label="其他分场所地址:" prop="otherAddress">
          <el-input v-model.trim="state.noticeForm.otherAddress" :rows="3" type="textarea"
                    :disabled="title === '查看'"/>
        </el-form-item>
                <el-form-item label="单位概况:" v-if="showEditor"  required>
                    <t-editor style="width: 800px" ref="myEditor" :toolbar="toolbar" :value="state.noticeForm.companySummary" ></t-editor>
          <t-editor style="width: 800px" ref="myEditor" :toolbar="toolbar"
                    :value="state.noticeForm.companySummary"></t-editor>
                </el-form-item>
                <el-form-item label="单位概况:" v-else>
                    <div class="ql-container ql-snow" style="height: 500px;width: 100%;margin-top: 10px;" >
@@ -29,7 +60,10 @@
                    </div>
                </el-form-item>
                <el-form-item label="营业执照:" prop="filePath" v-if="showEditor">
                  <el-upload accept=".jpg,.jpeg,.png,.pdf" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >
          <el-upload accept=".jpg,.jpeg,.png,.pdf" :action="state.uploadUrl" :headers="state.header" method="post"
                     :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip"
                     :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize"
                     :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)">
                    <el-button type="primary">点击上传</el-button>
                    <template #tip>
                      <div class="el-upload__tip">尺寸小于5M,最多可上传1张</div>
@@ -91,12 +125,25 @@
        companyId:null,
        companyName: '',
        filePath: '',
        fileName: ''
    fileName: '',
    companyType: null,
    industry: '',
    legalPersonCode: '',
    legalPerson: '',
    registeredCapital: '',
    officeAddress: '',
    otherAddress: ''
    },
    formRules:{
      companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
      companySummary: [{ required: true, message: '企业概况', trigger: 'blur' }],
    companyId: [{required: true, message: '请选择单位', trigger: 'blur'}],
    companySummary: [{required: true, message: '单位概况', trigger: 'blur'}],
      filePath: [{ required: true, message: '请上传营业执照', trigger: 'blur' }],
    companyType: [{required: true, message: '单位类型', trigger: 'blur'}],
    industry: [{required: true, message: '行业', trigger: 'blur'}],
    legalPersonCode: [{required: true, message: '证书编号', trigger: 'blur'}],
    legalPerson: [{required: true, message: '法人代表', trigger: 'blur'}],
    registeredCapital: [{required: true, message: '注册资本', trigger: 'blur'}],
    officeAddress: [{required: true, message: '总办公地址', trigger: 'blur'}]
    },
  isAdmin: false,
  companyList: [],
@@ -211,7 +258,7 @@
        if(state.noticeForm.companySummary == "") {
            ElMessage({
                type: 'warning',
                message: '请输入企业概况'
        message: '请输入单位概况'
            });
            return;
        }
@@ -279,7 +326,14 @@
      companyId:null,
      companyName: '',
      filePath: '',
      fileName: ''
    fileName: '',
    companyType: null,
    industry: '',
    legalPersonCode: '',
    legalPerson: '',
    registeredCapital: '',
    officeAddress: '',
    otherAddress: ''
    }
    state.fileList = []
}
@@ -345,22 +399,26 @@
    :deep(.el-form .el-form-item__label) {
        font-size: 15px;
    }
    .file {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
.reviewTable {
    :deep(table){
        border: 1px solid #ccc;
        text-align: center;
    }
    :deep(table td){
        border: 1px solid #ccc;
        text-align: center;
        padding: 0 5px;
    }
    :deep(table th){
        border: 1px solid #ccc;
    }