diff --git a/public/static/img/about/aboutBanner.jpg b/public/static/img/about/aboutBanner.jpg
new file mode 100644
index 0000000..95a4e9a
Binary files /dev/null and b/public/static/img/about/aboutBanner.jpg differ
diff --git a/public/static/img/about/aboutBanner.png b/public/static/img/about/aboutBanner.png
deleted file mode 100644
index 4aa9374..0000000
Binary files a/public/static/img/about/aboutBanner.png and /dev/null differ
diff --git a/public/static/img/logo-light.png b/public/static/img/logo-light.png
index e57d2d5..94fb044 100644
Binary files a/public/static/img/logo-light.png and b/public/static/img/logo-light.png differ
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index ffb3798..b180cbc 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -98,14 +98,14 @@
             ]
           },
           { title: '联系我们', path: '/cnkhp.com/CU' },
-          {
-            title: '客户登录',
-            jump: 'http://117.72.41.220:9097'
-          },
-          {
-            title: '供应商登录',
-            jump: 'http://117.72.41.220:9097'
-          }
+          // {
+          //   title: '客户登录',
+          //   jump: 'http://117.72.41.220:9097'
+          // },
+          // {
+          //   title: '供应商登录',
+          //   jump: 'http://117.72.41.220:9097'
+          // }
         ]
       };
     },
@@ -149,7 +149,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 28rem 60rem;
+    padding: 28rem 70rem;
     box-sizing: border-box;
     transition: background-color 0.3s;
     height: 158rem;
diff --git a/src/views/About/CompanyIntroduction/Index.vue b/src/views/About/CompanyIntroduction/Index.vue
index 9c7804a..1d6452a 100644
--- a/src/views/About/CompanyIntroduction/Index.vue
+++ b/src/views/About/CompanyIntroduction/Index.vue
@@ -5,7 +5,7 @@
       id="screen1"
     >
       <img
-        src="/static/img/about/aboutBanner.png"
+        src="/static/img/about/aboutBanner.jpg"
         alt=""
         style="width: 100%;height: 100%;"
       />
diff --git a/src/views/Invest/BusinessPartner/Index.vue b/src/views/Invest/BusinessPartner/Index.vue
index 77d0ea2..d7d473a 100644
--- a/src/views/Invest/BusinessPartner/Index.vue
+++ b/src/views/Invest/BusinessPartner/Index.vue
@@ -59,7 +59,7 @@
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
-                  <el-form-item label="其他" >
+                  <el-form-item label="其他">
                     <el-input v-model="form1.otherNotes" placeholder="请输入其他说明" />
                   </el-form-item>
                 </el-col>
@@ -231,11 +231,31 @@
                 </el-col>
               </el-row>
               <el-form-item label="附件">
-                <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList2">
-                  <el-button size="small" type="primary">
-                    上传
-                  </el-button>
-                </el-upload>
+                <div class="upload-file">
+                  <el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload1" :file-list="fileList1" :limit="limit" :on-error="handleUploadError1" :on-exceed="handleExceed1" :on-success="handleUploadSuccess1" :show-file-list="false" class="upload-file-uploader" ref="fileUpload1">
+                    <!-- 上传按钮 -->
+                    <el-button size="small" type="primary">上传</el-button>
+                    <!-- 上传提示 -->
+                    <div class="el-upload__tip" slot="tip" v-if="isShowTip">
+                      请上传
+                      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
+                      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
+                      的文件
+                    </div>
+                  </el-upload>
+
+                  <!-- 文件列表 -->
+                  <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
+                    <li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList1">
+                      <el-link :href="`${file.url}`" :underline="false" target="_blank">
+                        <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
+                      </el-link>
+                      <div class="ele-upload-list__item-content-action">
+                        <el-link :underline="false" @click="handleDelete1(index)" type="danger">删除</el-link>
+                      </div>
+                    </li>
+                  </transition-group>
+                </div>
               </el-form-item>
             </div>
             <el-form-item style="text-align: center;border-top:1rem solid #B0B0B0;padding: 20rem 0rem">
@@ -455,8 +475,10 @@
         number: 0,
         uploadList: [],
         // 上传文件服务器地址
-        uploadFileUrl: process.env.VUE_APP_API_TARGET_URL + '/system/oss/upload',
+        uploadFileUrl:
+          process.env.VUE_APP_API_TARGET_URL + 'system/oss/addFilesUpload',
         fileList: [],
+        fileList1: [],
         loadingModal: undefined
       };
     },
@@ -501,6 +523,9 @@
           this.$refs['Partnerform'].validate(valid => {
             if (valid) {
               this.form1.fieldType = this.form1.fieldType.toString();
+              this.form1.imageurl = this.fileList
+                .map(item => item.url)
+                .toString();
               this.$request
                 .post('/official/companymessage/add', this.form1)
                 .then(res => {
@@ -512,10 +537,11 @@
                       phoneNumber: '',
                       email: '',
                       fieldType: [],
-                      otherNotes: '',
                       advantageConcept: '',
-                      cooperationIntention: ''
+                      cooperationIntention: '',
+                      imageurl: ''
                     };
+                    this.fileList = [];
                   }
                 });
             }
@@ -532,6 +558,9 @@
               this.form.productCertification = this.form.productCertification.toString();
               this.form.qualitySystem = this.form.qualitySystem.toString();
               this.form.relevantQualifications = this.form.relevantQualifications.toString();
+              this.form.imageurl = this.fileList1
+                .map(item => item.url)
+                .toString();
               this.$request
                 .post('/official/companymessage/add', this.form)
                 .then(res => {
@@ -554,8 +583,10 @@
                       qualitySystem: [],
                       relevantQualifications: [],
                       advantageConcept: '',
-                      cooperationIntention: ''
+                      cooperationIntention: '',
+                      imageurl: ''
                     };
+                    this.fileList1 = [];
                   }
                 });
             }
@@ -599,7 +630,7 @@
       },
       // 上传失败
       handleUploadError(err) {
-        this.$message.error(`上传文件失败，请重试`);
+        this.$message.error(`上传文件失败，请重试`, err);
         this.loadingModal.close();
       },
       // 上传成功回调
@@ -621,8 +652,8 @@
       },
       // 删除文件
       handleDelete(index) {
-        let ossId = this.fileList[index].ossId;
-        delOss(ossId);
+        // let ossId = this.fileList[index].ossId;
+        // delOss(ossId);
         this.fileList.splice(index, 1);
       },
       // 上传结束处理
@@ -642,6 +673,76 @@
         } else {
           return name;
         }
+      },
+      // 上传前校检格式和大小
+      handleBeforeUpload1(file) {
+        // 校检文件类型
+        if (this.fileType) {
+          const fileName = file.name.split('.');
+          const fileExt = fileName[fileName.length - 1];
+          const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
+          if (!isTypeOk) {
+            this.$message.error(
+              `文件格式不正确, 请上传${this.fileType.join('/')}格式文件!`
+            );
+            return false;
+          }
+        }
+        // 校检文件大小
+        if (this.fileSize) {
+          const isLt = file.size / 1024 / 1024 < this.fileSize;
+          if (!isLt) {
+            this.$message.error(`上传文件大小不能超过 ${this.fileSize} MB!`);
+            return false;
+          }
+        }
+        this.loadingModal = this.$loading({
+          lock: true,
+          text: '正在上传文件，请稍候...',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+        this.number++;
+        return true;
+      },
+      // 文件个数超出
+      handleExceed1() {
+        this.$message.error(`上传文件数量不能超过 ${this.limit} 个!`);
+      },
+      // 上传失败
+      handleUploadError1(err) {
+        this.$message.error(`上传文件失败，请重试`, err);
+        this.loadingModal.close();
+      },
+      // 上传成功回调
+      handleUploadSuccess1(res, file) {
+        if (res.code === 200) {
+          this.uploadList1.push({
+            name: res.data.fileName,
+            url: res.data.url,
+            ossId: res.data.ossId
+          });
+          this.uploadedSuccessfully1();
+        } else {
+          this.number--;
+          this.loadingModal.close();
+          this.$message.error(res.msg);
+          this.$refs.fileUpload1.handleRemove(file);
+          this.uploadedSuccessfully1();
+        }
+      },
+      // 删除文件
+      handleDelete1(index) {
+        this.fileList1.splice(index, 1);
+      },
+      // 上传结束处理
+      uploadedSuccessfully1() {
+        if (this.number > 0 && this.uploadList1.length === this.number) {
+          this.fileList1 = this.fileList1.concat(this.uploadList1);
+          this.uploadList1 = [];
+          this.number = 0;
+          this.loadingModal.close();
+        }
       }
     }
   };
diff --git a/src/views/Invest/Investor/Index.vue b/src/views/Invest/Investor/Index.vue
index 4b8d4dd..a784268 100644
--- a/src/views/Invest/Investor/Index.vue
+++ b/src/views/Invest/Investor/Index.vue
@@ -2,48 +2,23 @@
   <div class="page-company">
     <div style="height:104rem;"></div>
     <div class="screen1">
-      <img
-        :src="screen1.imageurl"
-        alt=""
-        style="width: 100%"
-      />
+      <img :src="screen1.imageurl" alt="" style="width: 100%" />
     </div>
     <div class="screen2">
       <div class="wrapper1680">
-        <el-tabs
-          tab-position="left"
-          v-model="activeName"
-          @tab-click="handleChosePane"
-        >
-          <el-tab-pane
-            label="投资者新闻"
-            name="first"
-          >
+        <el-tabs tab-position="left" v-model="activeName" @tab-click="handleChosePane">
+          <el-tab-pane label="投资者新闻" name="first">
             <div class="news-wrapper">
               <div class="news-item">
                 <ul>
-                  <li
-                    v-for="item in investorNews.actionOne"
-                    :key="item.id"
-                    @click="() => $router.push('/investor/detail/' + item.id)"
-                  >
+                  <li v-for="item in investorNews.actionOne" :key="item.id" @click="() => $router.push('/investor/detail/' + item.id)">
                     <el-row class="itemRow">
-                      <el-col
-                        :span="8"
-                        class="imgCol"
-                      >
+                      <el-col :span="8" class="imgCol">
                         <div class="list-img">
-                          <img
-                            :src="item.cover"
-                            style="width:100%;height:100%;object-fit:cover;"
-                            alt=""
-                          >
+                          <img :src="item.cover" style="width:100%;height:100%;object-fit:cover;" alt="">
                         </div>
                       </el-col>
-                      <el-col
-                        :span="16"
-                        class="listContent"
-                      >
+                      <el-col :span="16" class="listContent">
                         <div class="list-title">
                           {{ item.captionName }}<span class="deailTitle">[详细]</span>
                         </div>
@@ -55,12 +30,7 @@
               <div class="news-item">
                 <div class="contentTitle">
                   <ul>
-                    <li
-                      v-for="item in investorNews.actionTwo"
-                      :key="item.id"
-                      class="itemDisc"
-                      @click="() => $router.push('/investor/detail/' + item.id)"
-                    >
+                    <li v-for="item in investorNews.actionTwo" :key="item.id" class="itemDisc" @click="() => $router.push('/investor/detail/' + item.id)">
                       {{ item.captionName }}
                     </li>
                   </ul>
@@ -69,19 +39,10 @@
               <div class="news-item">
                 <div class="contentThree">
                   <ul>
-                    <li
-                      v-for="(item, index) in investorNews.actionThree"
-                      :key="item.id"
-                      class="itemNomal"
-                      @click="() => $router.push('/investor/detail/' + item.id)"
-                    >
+                    <li v-for="(item, index) in investorNews.actionThree" :key="item.id" class="itemNomal" @click="() => $router.push('/investor/detail/' + item.id)">
                       <template v-if="index == 0">
                         <div class="imgList">
-                          <img
-                            :src="item.cover"
-                            style="width:100%;height:100%;object-fit:cover;"
-                            alt=""
-                          >
+                          <img :src="item.cover" style="width:100%;height:100%;object-fit:cover;" alt="">
                           <div class="imgMask">
                             {{ item.captionName }}
                           </div>
@@ -96,53 +57,27 @@
               </div>
             </div>
           </el-tab-pane>
-          <el-tab-pane
-            label="公司治理"
-            name="second"
-          >
+          <el-tab-pane label="公司治理" name="second">
             <div class="news-wrapper">
               <div class="news-item">
                 <ul>
-                  <li
-                    v-for="item in corporateGovernance.actionOne"
-                    :key="item.id"
-                    @click="() => $router.push('/investor/detail/' + item.id)"
-                  >
-                    <el-row class="itemRow">
-                      <el-col
-                        :span="8"
-                        class="imgCol"
-                      >
-                        <div class="list-img">
-                          <img
-                            :src="item.cover"
-                            style="width:100%;height:100%;object-fit:cover;"
-                            alt=""
-                          >
-                        </div>
-                      </el-col>
-                      <el-col
-                        :span="16"
-                        class="listContent"
-                      >
-                        <div class="list-title">
-                          {{ item.captionName }}<span class="deailTitle">[详细]</span>
-                        </div>
-                      </el-col>
-                    </el-row>
+                  <li v-for="(item, index) in corporateGovernance.actionOne" :key="item.id">
+                    <div class="contentTitle" v-if="index == 0" @click="handleView(item.cover)">
+                      {{ item.captionName }}<span class="deailTitle">[详细]</span>
+                    </div>
+                    <div class="contentTitle" v-else>
+                      <a :href="item.cover" :download="getFileName(item.cover)"> {{ item.captionName }}<span class="deailTitle">[下载]</span></a>
+                    </div>
                   </li>
                 </ul>
               </div>
               <div class="news-item">
                 <div class="contentTitle">
                   <ul>
-                    <li
-                      v-for="item in corporateGovernance.actionTwo"
-                      :key="item.id"
-                      class="itemDisc"
-                      @click="() => $router.push('/investor/detail/' + item.id)"
-                    >
-                      {{ item.captionName }}
+                    <li v-for="item in corporateGovernance.actionTwo" :key="item.id">
+                      <div class="contentTitle">
+                        <a :href="item.cover" :download="getFileName(item.cover)"> {{ item.captionName }}<span class="deailTitle">[下载]</span></a>
+                      </div>
                     </li>
                   </ul>
                 </div>
@@ -150,233 +85,221 @@
               <div class="news-item">
                 <div class="contentThree">
                   <ul>
-                    <li
-                      v-for="(item, index) in corporateGovernance.actionThree"
-                      :key="item.id"
-                      class="itemNomal"
-                      @click="() => $router.push('/investor/detail/' + item.id)"
-                    >
-                      <template v-if="index == 0">
-                        <div class="imgList">
-                          <img
-                            :src="item.cover"
-                            style="width:100%;height:100%;object-fit:cover;"
-                            alt=""
-                          >
-                          <div class="imgMask">
-                            {{ item.captionName }}
-                          </div>
-                        </div>
-                      </template>
-                      <template v-else>
-                        {{ item.captionName }}
-                      </template>
+                    <li v-for="item in corporateGovernance.actionThree" :key="item.id">
+                      <div class="contentTitle">
+                        <a :href="item.cover" :download="getFileName(item.cover)"> {{ item.captionName }}<span class="deailTitle">[下载]</span></a>
+                      </div>
                     </li>
                   </ul>
                 </div>
               </div>
             </div>
           </el-tab-pane>
-          <el-tab-pane
-            label="投资者关系"
-            name="third"
-          >
-            <div class="news-wrapper">
-              <div class="news-item">
-                <ul>
-                  <li
-                    v-for="item in investorRelations.actionOne"
-                    :key="item.id"
-                    @click="() => $router.push('/investor/detail/' + item.id)"
-                  >
-                    <el-row class="itemRow">
-                      <el-col
-                        :span="8"
-                        class="imgCol"
-                      >
-                        <div class="list-img">
-                          <img
-                            :src="item.cover"
-                            style="width:100%;height:100%;object-fit:cover;"
-                            alt=""
-                          >
-                        </div>
-                      </el-col>
-                      <el-col
-                        :span="16"
-                        class="listContent"
-                      >
-                        <div class="list-title">
-                          {{ item.captionName }}<span class="deailTitle">[详细]</span>
-                        </div>
-                      </el-col>
-                    </el-row>
-                  </li>
-                </ul>
+          <el-tab-pane label="投资者关系" name="third">
+            <el-form ref="feekform" :model="form" :rules="formRules" label-width="110rem" style="margin-top: 40rem">
+              <div class="formBarContent">
+                <el-row>
+                  <el-col :span="12">
+                    <el-form-item label="联系人" prop="userName">
+                      <el-input v-model="form.userName" />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="联系方式" prop="phoneNumber">
+                      <el-input v-model="form.phoneNumber" />
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-form-item label="留言内容" prop="abstracts">
+                  <el-input v-model="form.abstracts" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
+                </el-form-item>
               </div>
-              <div class="news-item">
-                <div class="contentTitle">
-                  <ul>
-                    <li
-                      v-for="item in investorRelations.actionTwo"
-                      :key="item.id"
-                      class="itemDisc"
-                      @click="() => $router.push('/investor/detail/' + item.id)"
-                    >
-                      {{ item.captionName }}
-                    </li>
-                  </ul>
-                </div>
-              </div>
-              <div class="news-item">
-                <div class="contentThree">
-                  <ul>
-                    <li
-                      v-for="(item, index) in investorRelations.actionThree"
-                      :key="item.id"
-                      class="itemNomal"
-                      @click="() => $router.push('/investor/detail/' + item.id)"
-                    >
-                      <template v-if="index == 0">
-                        <div class="imgList">
-                          <img
-                            :src="item.cover"
-                            style="width:100%;height:100%;object-fit:cover;"
-                            alt=""
-                          >
-                          <div class="imgMask">
-                            {{ item.captionName }}
-                          </div>
-                        </div>
-                      </template>
-                      <template v-else>
-                        {{ item.captionName }}
-                      </template>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
+              <el-form-item style="text-align: center;">
+                <el-button class="subBtn" @click="handleAdd">
+                  提交
+                </el-button>
+              </el-form-item>
+            </el-form>
           </el-tab-pane>
         </el-tabs>
       </div>
     </div>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="">
+    </el-dialog>
     <FootBar theme="dark"></FootBar>
   </div>
 </template>
 
 <script>
-import { mapMutations, mapState } from 'vuex';
-import FootBar from '@/components/FootBar.vue';
+  import { mapMutations, mapState } from 'vuex';
+  import FootBar from '@/components/FootBar.vue';
 
-export default {
-  components: {
-    FootBar,
-  },
-  data () {
-    return {
-      screen1: {
-        imageurl: '',
-        introduction: {
-          businessName: '',
-          businessNameEnglish: '',
-          titleChinese: '',
+  export default {
+    components: {
+      FootBar
+    },
+    data() {
+      return {
+        screen1: {
+          imageurl: '',
+          introduction: {
+            businessName: '',
+            businessNameEnglish: '',
+            titleChinese: ''
+          }
         },
+        dialogVisible: false,
+        dialogImageUrl: '',
+        activeName: 'first',
+        investorNews: {
+          actionOne: [],
+          actionTwo: [],
+          actionThree: []
+        },
+        corporateGovernance: {
+          actionOne: [],
+          actionTwo: [],
+          actionThree: []
+        },
+        investorRelations: {
+          actionOne: [],
+          actionTwo: [],
+          actionThree: []
+        },
+        tempImg: '/static/img/tempNews.png',
+        form: {
+          userName: '',
+          phoneNumber: '',
+          abstracts: ''
+        },
+        formRules: {
+          userName: [
+            { required: true, message: '请输入联系人', trigger: 'blur' }
+          ],
+          phoneNumber: [
+            { required: true, message: '请输入联系方式', trigger: 'blur' },
+            {
+              validator: function(rule, value, callback) {
+                const reg = /^1[3456789]\d{9}$/;
+                const reg3 = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
+                if (!(reg.test(value) || reg3.test(value))) {
+                  callback(new Error('请输入手机号、座机号或邮箱'));
+                } else {
+                  callback();
+                }
+              },
+              trigger: 'blur'
+            }
+          ],
+          abstracts: [{ required: true, message: '请输入内容', trigger: 'blur' }]
+        }
+      };
+    },
+    computed: {
+      ...mapState({
+        scrollTop: state => state.scroll.scrollTop
+      })
+    },
+    created() {
+      this.$event.$emit('nav-theme', 'light');
+      this.getScreen1Banner();
+      this.getInvestorNewsData();
+      this.getCorporateGovernanceData();
+    },
+    mounted() {
+      if (this.$route.hash) {
+        this.forceScroll({
+          top: document.getElementById(this.$route.hash.slice(1)).offsetTop,
+          behavior: 'smooth'
+        });
+      }
+    },
+    methods: {
+      ...mapMutations(['forceScroll', 'setScrollTop']),
+      async getScreen1Banner() {
+        try {
+          const res = await this.$request.get('/official/index/list', {
+            params: {
+              pageNum: 1,
+              pageSize: 1,
+              captionName: '投资与合作/投资者/banner'
+            }
+          });
+          this.screen1.imageurl = res.rows[0].imageurl;
+        } catch (error) {}
       },
-      activeName: 'first',
-      investorNews: {
-        actionOne: [],
-        actionTwo: [],
-        actionThree: [],
+      handleChosePane(tab, event) {
+        this.activeName = tab.name;
       },
-      corporateGovernance: {
-        actionOne: [],
-        actionTwo: [],
-        actionThree: [],
+      // 获取投资者新闻
+      async getInvestorNewsData() {
+        try {
+          const res = await this.$request.get('/official/slideshow/list', {
+            params: { pageNum: 1, pageSize: 22, type: '4' }
+          });
+          this.investorNews.actionOne = res.rows.slice(0, 4);
+          this.investorNews.actionTwo = res.rows.slice(4, 18);
+          this.investorNews.actionThree = res.rows.slice(18, 22);
+        } catch (error) {}
       },
-      investorRelations: {
-        actionOne: [],
-        actionTwo: [],
-        actionThree: [],
+      // 获取公司治理新闻
+      async getCorporateGovernanceData() {
+        try {
+          const res = await this.$request.get('/official/slideshow/list', {
+            params: { pageNum: 1, pageSize: 42, type: '5' }
+          });
+          var sortDate = res.rows.sort((a, b) => a.orderBy - b.orderBy);
+          this.corporateGovernance.actionOne = sortDate.slice(0, 14);
+          this.corporateGovernance.actionTwo = sortDate.slice(14, 28);
+          this.corporateGovernance.actionThree = sortDate.slice(28, 42);
+        } catch (error) {}
       },
-      tempImg: '/static/img/tempNews.png',
-    };
-  },
-  computed: {
-    ...mapState({
-      scrollTop: state => state.scroll.scrollTop,
-    }),
-  },
-  created () {
-    this.$event.$emit('nav-theme', 'light');
-    this.getScreen1Banner();
-    this.getInvestorNewsData();
-    this.getCorporateGovernanceData();
-    this.getInvestorRelationsData();
-  },
-  mounted () {
-    if (this.$route.hash) {
-      this.forceScroll({
-        top: document.getElementById(this.$route.hash.slice(1)).offsetTop,
-        behavior: 'smooth',
-      });
+      handleView(imgUrl) {
+        console.log('$$$$', imgUrl);
+        this.dialogImageUrl = imgUrl;
+        this.dialogVisible = true;
+      },
+      // 获取文件名称
+      getFileName(name) {
+        // 如果是url那么取最后的名字 如果不是直接返回
+        if (name.lastIndexOf('/') > -1) {
+          return name.slice(name.lastIndexOf('/') + 1);
+        } else {
+          return name;
+        }
+      },
+      handleAdd() {
+        try {
+          this.$refs['feekform'].validate(valid => {
+            if (valid) {
+              this.$request.post('/official/message/add', this.form).then(res => {
+                if (res.code == 200) {
+                  this.form = {
+                    userName: '',
+                    phoneNumber: '',
+                    abstracts: ''
+                  };
+                }
+              });
+            }
+          });
+        } catch (error) {}
+      }
     }
-  },
-  methods: {
-    ...mapMutations(['forceScroll', 'setScrollTop']),
-    async getScreen1Banner () {
-      try {
-        const res = await this.$request.get(
-          '/official/index/list',
-          { params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/投资者/banner' } },
-        );
-        this.screen1.imageurl = res.rows[0].imageurl;
-      } catch (error) {}
-    },
-    handleChosePane (tab, event) {
-      this.activeName = tab.name;
-    },
-    // 获取投资者新闻
-    async getInvestorNewsData () {
-      try {
-        const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '4' } });
-        this.investorNews.actionOne = res.rows.slice(0, 4);
-        this.investorNews.actionTwo = res.rows.slice(4, 18);
-        this.investorNews.actionThree = res.rows.slice(18, 22);
-      } catch (error) {}
-    },
-    // 获取公司治理新闻
-    async getCorporateGovernanceData () {
-      try {
-        const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '5' } });
-        this.corporateGovernance.actionOne = res.rows.slice(0, 4);
-        this.corporateGovernance.actionTwo = res.rows.slice(4, 18);
-        this.corporateGovernance.actionThree = res.rows.slice(18, 22);
-      } catch (error) {}
-    },
-    // 获取投资者关系新闻
-    async getInvestorRelationsData () {
-      try {
-        const res = await this.$request.get('/official/slideshow/list', { params: { pageNum: 1, pageSize: 22, type: '6' } });
-        this.investorRelations.actionOne = res.rows.slice(0, 4);
-        this.investorRelations.actionTwo = res.rows.slice(4, 18);
-        this.investorRelations.actionThree = res.rows.slice(18, 22);
-      } catch (error) {}
-    },
-  },
-};
+  };
 </script>
 
 <style scoped>
-.page-company {
-  width: 100%;
-}
+  .page-company {
+    width: 100%;
+  }
 
-.screen2 {
-  padding: 90rem 120rem 60rem;
-  background: #FFFFFF;
-}
-/deep/.el-tabs__item {
+  .screen2 {
+    padding: 90rem 120rem 60rem;
+    background: #ffffff;
+  }
+  /deep/.el-tabs__item {
     padding: 0rem;
     height: 56rem;
     margin-bottom: 62rem;
@@ -392,143 +315,204 @@ export default {
     text-align: justifyLeft;
     font-style: normal;
     text-transform: none;
-}
-/deep/.el-tabs__nav-wrap::after {
-  background-color: transparent;
-}
-/deep/.el-tabs__active-bar {
-  background-color: transparent;
-}
-/deep/.el-tabs__item.is-active {
-  font-family: MicrosoftYaHeiSemibold;
-  font-size: 28rem;
-  color: #111111;
-  line-height: 64rem;
-  text-align: justifyLeft;
-  font-style: normal;
-  text-transform: none;
-  border-bottom: 2rem solid #F0D145;;
-}
-/deep/.el-tabs--left .el-tabs__item.is-left {
-  text-align: left;
-}
-/deep/.el-tabs--left .el-tabs__header.is-left {
-  margin-right: 120rem;
-}
-.news-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-}
-.news-item {
-  width: 432rem;
-  /* background-color: #864e4e; */
-  overflow: hidden;
-  cursor: pointer;
-  position: relative;
-  z-index: 1;
-}
-.news-item:not(:nth-of-type(3n)) {
-  margin-right: calc((1416rem - 436rem * 3) / 2);
-}
-.news-item:hover {
-  z-index: 10;
-}
-.itemRow {
-  margin-bottom: 30rem;
-}
-.imgCol {
-  width: 162rem;
-  height: 122rem;
-  padding: 0rem;
-}
-.list-img {
-  width: 162rem;
-  height: 122rem;
-}
-.list-img img {
-  border-radius: 10rem;
-}
-.listContent {
-  width: calc(100% - 162rem);
-  padding: 13rem 15rem;
-}
-.list-title{
-  font-family: MicrosoftYaHei;
-  font-size: 16rem;
-  color: #777777;
-  line-height: 30rem;
-  text-align: justifyLeft;
-  font-style: normal;
-  text-transform: none;
-}
-.deailTitle {
-  font-family: MicrosoftYaHei;
-  font-size: 16rem;
-  color: #0045A2;
-  line-height: 30rem;
-  text-align: justifyLeft;
-  font-style: normal;
-  text-transform: none;
-}
-.itemDisc {
-  list-style-type: disc;
-  list-style-position:inside;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  word-break: break-all;
-  white-space: nowrap;
-}
-.itemDisc::marker{
-  color: #F0D145;
-}
-.contentTitle{
-  font-family: MicrosoftYaHei;
-  font-size: 18rem;
-  color: #333333;
-  line-height: 40rem;
-  text-align: justifyLeft;
-  font-style: normal;
-  text-transform: none;
-}
-.contentThree {
-  font-family: MicrosoftYaHei;
-  font-size: 16rem;
-  color: #777777;
-  line-height: 30rem;
-  text-align: justifyLeft;
-  font-style: normal;
-  text-transform: none;
-}
-.itemNomal {
-  margin-bottom: 30rem;
-}
-.imgList {
-  width: 432rem;
-  height: 246rem;
-  position: relative;
-}
-.imgMask{
-  position: absolute;
-  bottom: 0rem;
-  width: 370rem;
-  height: 46rem;
-  background: #000000;
-  border-radius: 0rem 0rem 10rem 10rem;
-  opacity: 0.7;
-  font-family: MicrosoftYaHei;
-  font-size: 20rem;
-  color: #FFFFFF;
-  line-height: 40rem;
-  text-align: center;
-  font-style: normal;
-  text-transform: none;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  word-break: break-all;
-  white-space: nowrap;
-  padding: 0 30rem;
-}
-.imgList img {
-  border-radius: 10rem;
-}
+  }
+  /deep/.el-tabs__nav-wrap::after {
+    background-color: transparent;
+  }
+  /deep/.el-tabs__active-bar {
+    background-color: transparent;
+  }
+  /deep/.el-tabs__item.is-active {
+    font-family: MicrosoftYaHeiSemibold;
+    font-size: 28rem;
+    color: #111111;
+    line-height: 64rem;
+    text-align: justifyLeft;
+    font-style: normal;
+    text-transform: none;
+    border-bottom: 2rem solid #f0d145;
+  }
+  /deep/.el-tabs--left .el-tabs__item.is-left {
+    text-align: left;
+  }
+  /deep/.el-tabs--left .el-tabs__header.is-left {
+    margin-right: 120rem;
+  }
+  .el-form-item {
+    margin-bottom: 22rem !important;
+  }
+  /deep/.el-form-item__error {
+    font-size: 12rem;
+    padding-top: 4rem;
+  }
+  /deep/.el-form-item__label {
+    font-size: 14rem;
+    line-height: 40rem;
+    padding: 0 12rem 0 0;
+  }
+  /deep/.el-form-item__content {
+    line-height: 40rem;
+    font-size: 14rem;
+  }
+  /deep/.el-input {
+    font-size: 14rem;
+  }
+  /deep/.el-input__inner {
+    border-radius: 4rem;
+    border: 1rem solid #dcdfe6;
+    height: 40rem;
+    line-height: 40rem;
+    padding: 0 15rem;
+  }
+  /deep/.el-checkbox {
+    font-size: 14rem;
+    margin-right: 30rem;
+  }
+  /deep/.el-checkbox__inner {
+    border: 1rem solid #dcdfe6;
+    border-radius: 2rem;
+    width: 14rem;
+    height: 14rem;
+  }
+  /deep/.el-checkbox__label {
+    padding-left: 10rem;
+    line-height: 19rem;
+    font-size: 14rem;
+  }
+  /deep/.el-textarea {
+    font-size: 14rem;
+  }
+  /deep/.el-textarea__inner {
+    padding: 5rem 15rem;
+    border: 1rem solid #dcdfe6;
+    border-radius: 4rem;
+    height: 138rem !important;
+    min-height: 138rem !important;
+  }
+  /deep/.el-upload-list__item {
+    font-size: 14rem;
+    margin-top: 5rem;
+    border-radius: 4rem;
+  }
+  /deep/.el-button--small {
+    padding: 9rem 15rem;
+    font-size: 12rem;
+    border-radius: 3rem;
+  }
+  .news-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .news-item {
+    width: 432rem;
+    /* background-color: #864e4e; */
+    overflow: hidden;
+    cursor: pointer;
+    position: relative;
+    z-index: 1;
+  }
+  .news-item:not(:nth-of-type(3n)) {
+    margin-right: calc((1416rem - 436rem * 3) / 2);
+  }
+  .news-item:hover {
+    z-index: 10;
+  }
+  .itemRow {
+    margin-bottom: 30rem;
+  }
+  .imgCol {
+    width: 162rem;
+    height: 122rem;
+    padding: 0rem;
+  }
+  .list-img {
+    width: 162rem;
+    height: 122rem;
+  }
+  .list-img img {
+    border-radius: 10rem;
+  }
+  .listContent {
+    width: calc(100% - 162rem);
+    padding: 13rem 15rem;
+  }
+  .list-title {
+    font-family: MicrosoftYaHei;
+    font-size: 16rem;
+    color: #777777;
+    line-height: 30rem;
+    text-align: justifyLeft;
+    font-style: normal;
+    text-transform: none;
+  }
+  .deailTitle {
+    font-family: MicrosoftYaHei;
+    font-size: 16rem;
+    color: #0045a2;
+    line-height: 30rem;
+    text-align: justifyLeft;
+    font-style: normal;
+    text-transform: none;
+  }
+  .itemDisc {
+    list-style-type: disc;
+    list-style-position: inside;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+  }
+  .itemDisc::marker {
+    color: #f0d145;
+  }
+  .contentTitle {
+    font-family: MicrosoftYaHei;
+    font-size: 18rem;
+    color: #333333;
+    line-height: 40rem;
+    text-align: justifyLeft;
+    font-style: normal;
+    text-transform: none;
+  }
+  .contentThree {
+    font-family: MicrosoftYaHei;
+    font-size: 16rem;
+    color: #777777;
+    line-height: 30rem;
+    text-align: justifyLeft;
+    font-style: normal;
+    text-transform: none;
+  }
+  .itemNomal {
+    margin-bottom: 30rem;
+  }
+  .imgList {
+    width: 432rem;
+    height: 246rem;
+    position: relative;
+  }
+  .imgMask {
+    position: absolute;
+    bottom: 0rem;
+    width: 370rem;
+    height: 46rem;
+    background: #000000;
+    border-radius: 0rem 0rem 10rem 10rem;
+    opacity: 0.7;
+    font-family: MicrosoftYaHei;
+    font-size: 20rem;
+    color: #ffffff;
+    line-height: 40rem;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+    padding: 0 30rem;
+  }
+  .imgList img {
+    border-radius: 10rem;
+  }
 </style>
diff --git a/src/views/Invest/Investor/NewsDetail.vue b/src/views/Invest/Investor/NewsDetail.vue
index ed10670..d4ea576 100644
--- a/src/views/Invest/Investor/NewsDetail.vue
+++ b/src/views/Invest/Investor/NewsDetail.vue
@@ -2,11 +2,7 @@
   <div class="page-news-detail">
     <div style="height:104rem;"></div>
     <div class="screen1">
-      <img
-        :src="screen1.bannerUrl"
-        alt=""
-        style="width:100%;"
-      />
+      <img :src="screen1.bannerUrl" alt="" style="width:100%;" />
     </div>
     <div class="screen2">
       <div class="wrapper1400">
@@ -17,10 +13,7 @@
           <span>{{ newsDetail.releaseTime.slice(0, 10) }}</span>
           <span>{{ newsDetail.groupName }}</span>
         </div>
-        <div
-          class="news-content ql-editor"
-          v-html="newsDetail.newsContent"
-        >
+        <div class="news-content ql-editor" v-html="newsDetail.newsContent">
         </div>
       </div>
     </div>
@@ -62,197 +55,208 @@
 </template>
 
 <script>
-export default {
-  data () {
-    return {
-      screen1: {
-        bannerUrl: '',
-      },
-      currentNewsId: '',
-      prevNewsId: '',
-      nextNewsId: '',
-      newsDetail: {
-        releaseTime: '',
-      },
-    };
-  },
-  computed: {
-    currentId () {
-      return this.$route.params.newsId;
+  export default {
+    data() {
+      return {
+        screen1: {
+          bannerUrl: ''
+        },
+        currentNewsId: '',
+        prevNewsId: '',
+        nextNewsId: '',
+        newsDetail: {
+          releaseTime: ''
+        }
+      };
     },
-    recommendData () {
-      return [].concat(
-        this.newsDetail.slideshowMap?.previous ? [this.newsDetail.slideshowMap.previous] : [],
-        [this.newsDetail],
-        this.newsDetail.slideshowMap?.nextArticle ? [this.newsDetail.slideshowMap.nextArticle] : [],
-      );
-    },
-  },
-  watch: {
-    currentId: {
-      handler (v) {
-        document.getElementById('app').scrollTop = 0;
-        this.getNewsDetail(v);
+    computed: {
+      currentId() {
+        return this.$route.params.newsId;
       },
-      immediate: true,
-    },
-  },
-  created () {
-    this.$event.$emit('nav-theme', 'light');
-    this.getScreen1Banner();
-  },
-  methods: {
-    async getScreen1Banner () {
-      try {
-        const res = await this.$request.get(
-          '/official/index/list',
-          { params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/投资者/详情banner' } },
+      recommendData() {
+        return [].concat(
+          this.newsDetail.slideshowMap?.previous
+            ? [this.newsDetail.slideshowMap.previous]
+            : [],
+          [this.newsDetail],
+          this.newsDetail.slideshowMap?.nextArticle
+            ? [this.newsDetail.slideshowMap.nextArticle]
+            : []
         );
-        this.screen1.bannerUrl = res.rows[0].imageurl;
-      } catch (error) {}
+      }
     },
-    async getNewsDetail (currentNewsId) {
-      try {
-        const res = await this.$request.get('/official/slideshow/' + currentNewsId);
-        this.newsDetail = res.data;
-        this.prevNewsId = res.data.slideshowMap.previous?.id || '';
-        this.nextNewsId = res.data.slideshowMap.nextArticle?.id || '';
-      } catch (error) {}
+    watch: {
+      currentId: {
+        handler(v) {
+          document.getElementById('app').scrollTop = 0;
+          this.getNewsDetail(v);
+        },
+        immediate: true
+      }
     },
-  },
-};
+    created() {
+      this.$event.$emit('nav-theme', 'light');
+      this.getScreen1Banner();
+    },
+    methods: {
+      async getScreen1Banner() {
+        try {
+          const res = await this.$request.get('/official/index/list', {
+            params: {
+              pageNum: 1,
+              pageSize: 1,
+              captionName: '投资与合作//详情banner'
+            }
+          });
+          this.screen1.bannerUrl = res.rows[0].imageurl;
+        } catch (error) {}
+      },
+      async getNewsDetail(currentNewsId) {
+        try {
+          const res = await this.$request.get(
+            '/official/slideshow/' + currentNewsId
+          );
+          this.newsDetail = res.data;
+          this.prevNewsId = res.data.slideshowMap.previous?.id || '';
+          this.nextNewsId = res.data.slideshowMap.nextArticle?.id || '';
+        } catch (error) {}
+      }
+    }
+  };
 </script>
 
 <style scoped>
-.page-news-detail{
-  width: 100%;
-  overflow-x: hidden;
-}
-.screen1 {
-  min-height: 600rem;
-}
-.screen2 {
-  background-color: #ffffff;
-  padding-top: 135rem;
-  padding-bottom: 90rem;
-}
-.screen2 .news-title {
-  text-align: center;
-  font-family: MicrosoftYaHei;
-  font-weight: 400;
-  font-size: 30rem;
-  color: #111111;
-  line-height: 36rem;
-}
-.screen2 .news-info {
-  height: 58rem;
-  padding-top: 50rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1rem solid #999999;
-  font-family: MicrosoftYaHei;
-  font-weight: 400;
-  font-size: 16rem;
-  color: #999999;
-  line-height: 36rem;
-}
-.screen2 .news-content {
-  font-family: MicrosoftYaHeiLight;
-  font-weight: 400;
-  font-size: 18rem;
-  color: #111111;
-  line-height: 36rem;
-  margin-top: 30rem;
-}
-.screen2 .news-content >>> p {
-  margin-bottom: 10rem;
-}
-.screen3 {
-  height: auto;
-  display: flex;
-  padding: 10rem;
-  background-color: #f5f5f5;
-}
-.screen3 .title {
-  font-family: MicrosoftYaHei;
-  font-weight: 400;
-  font-size: 24rem;
-  line-height: 88rem;
-  color: #141414;
-}
-.screen3 .news-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-}
-.screen3 .news-item {
-  width: 430rem;
-  height: 505rem;
-  border-radius: 10rem;
-  background-color: #ffffff;
-  box-shadow: rgba(28, 28, 30, 0.05) 0rem 0rem 2rem 0rem, rgba(28, 28, 30, 0.05) 0rem 8rem 16rem 0rem;
-  overflow: hidden;
-  margin-bottom: 60rem;
-  cursor: pointer;
-  position: relative;
-  z-index: 1;
-}
-.screen3 .news-item:not(:nth-of-type(3n)) {
-  margin-right: calc((1400rem - 430rem * 3) / 2);
-}
-.screen3 .news-item:hover {
-  box-shadow: rgba(28, 28, 30, 0.1) 0rem 0rem 2rem 0rem, rgba(28, 28, 30, 0.1) 0rem 8rem 16rem 0rem;
-  z-index: 10;
-}
-.screen3 .news-cover {
-  width: 510rem;
-  height: 302rem;
-  overflow: hidden;
-}
-.screen3 .news-cover img {
-  transition: transform 0.4s;
-  width: 100%;
-}
-.screen3 .news-cover:hover img {
-  transform: scale(1.1, 1.1);
-}
-.screen3 .news-info {
-  padding: 55rem 35rem 0;
-}
-.screen3 .news-info .title {
-  font-family: MicrosoftYaHei;
-  font-weight: 400;
-  font-size: 16rem;
-  line-height: 16rem;
-  color: #000000;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-bottom: 16rem;
-}
-.screen3 .news-info .abstracts {
-  font-family: MicrosoftYaHei;
-  font-weight: 400;
-  font-size: 12rem;
-  line-height: 14rem;
-  color: #666666;
-  margin-bottom: 20rem;
-}
-.screen3 .news-info .date {
-  font-family: MicrosoftYaHeiLight;
-  font-weight: 400;
-  font-size: 12rem;
-  line-height: 12rem;
-  color: #666666;
-}
-.ql-editor {
-  padding-left: 0;
-  padding-right: 0;
-}
-.news-content >>> .ql-align-center {
-  width: 100%;
-}
-.news-content >>> .ql-align-center img {
-  width: 100%!important;
-}
+  .page-news-detail {
+    width: 100%;
+    overflow-x: hidden;
+  }
+  .screen1 {
+    min-height: 600rem;
+  }
+  .screen2 {
+    background-color: #ffffff;
+    padding-top: 135rem;
+    padding-bottom: 90rem;
+  }
+  .screen2 .news-title {
+    text-align: center;
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    font-size: 30rem;
+    color: #111111;
+    line-height: 36rem;
+  }
+  .screen2 .news-info {
+    height: 58rem;
+    padding-top: 50rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1rem solid #999999;
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    font-size: 16rem;
+    color: #999999;
+    line-height: 36rem;
+  }
+  .screen2 .news-content {
+    font-family: MicrosoftYaHeiLight;
+    font-weight: 400;
+    font-size: 18rem;
+    color: #111111;
+    line-height: 36rem;
+    margin-top: 30rem;
+  }
+  .screen2 .news-content >>> p {
+    margin-bottom: 10rem;
+  }
+  .screen3 {
+    height: auto;
+    display: flex;
+    padding: 10rem;
+    background-color: #f5f5f5;
+  }
+  .screen3 .title {
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    font-size: 24rem;
+    line-height: 88rem;
+    color: #141414;
+  }
+  .screen3 .news-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .screen3 .news-item {
+    width: 430rem;
+    height: 505rem;
+    border-radius: 10rem;
+    background-color: #ffffff;
+    box-shadow: rgba(28, 28, 30, 0.05) 0rem 0rem 2rem 0rem,
+      rgba(28, 28, 30, 0.05) 0rem 8rem 16rem 0rem;
+    overflow: hidden;
+    margin-bottom: 60rem;
+    cursor: pointer;
+    position: relative;
+    z-index: 1;
+  }
+  .screen3 .news-item:not(:nth-of-type(3n)) {
+    margin-right: calc((1400rem - 430rem * 3) / 2);
+  }
+  .screen3 .news-item:hover {
+    box-shadow: rgba(28, 28, 30, 0.1) 0rem 0rem 2rem 0rem,
+      rgba(28, 28, 30, 0.1) 0rem 8rem 16rem 0rem;
+    z-index: 10;
+  }
+  .screen3 .news-cover {
+    width: 510rem;
+    height: 302rem;
+    overflow: hidden;
+  }
+  .screen3 .news-cover img {
+    transition: transform 0.4s;
+    width: 100%;
+  }
+  .screen3 .news-cover:hover img {
+    transform: scale(1.1, 1.1);
+  }
+  .screen3 .news-info {
+    padding: 55rem 35rem 0;
+  }
+  .screen3 .news-info .title {
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    font-size: 16rem;
+    line-height: 16rem;
+    color: #000000;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 16rem;
+  }
+  .screen3 .news-info .abstracts {
+    font-family: MicrosoftYaHei;
+    font-weight: 400;
+    font-size: 12rem;
+    line-height: 14rem;
+    color: #666666;
+    margin-bottom: 20rem;
+  }
+  .screen3 .news-info .date {
+    font-family: MicrosoftYaHeiLight;
+    font-weight: 400;
+    font-size: 12rem;
+    line-height: 12rem;
+    color: #666666;
+  }
+  .ql-editor {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .news-content >>> .ql-align-center {
+    width: 100%;
+  }
+  .news-content >>> .ql-align-center img {
+    width: 100% !important;
+  }
 </style>