Browse Source

项目列表

刘湘琪 3 years ago
parent
commit
900b7e1c78

+ 8 - 0
src/api/enterprise/project/project.js

@@ -32,3 +32,11 @@ export function editProjectApi(data) {
     data: data
   })
 }
+//获取信息
+export function getProjectInfoApi(id, query) {
+  return request({
+    url: `/ent/project/${id}`,
+    method: 'get',
+    params: query
+  })
+}

BIN
src/assets/images/stat_advance.png


BIN
src/assets/images/stat_amount.png


BIN
src/assets/images/stat_customer.png


BIN
src/assets/images/stat_employee.png


BIN
src/assets/images/stat_payment.png


+ 47 - 0
src/assets/styles/index.scss

@@ -631,3 +631,50 @@ $border: #ddd;
     width: 100px!important;
   }
 }
+
+//首页
+.stat_box {
+    position: relative;
+    height: 120px;
+    padding: 20px 20px 20px 110px;
+    background: #FAF9FF;
+    border-radius: 4px;
+    margin-bottom: 10px;
+    .icon {
+      position: absolute;
+      left: 20px;
+      top: 50%;
+      width: 76px;
+      height: 76px;
+      border-radius: 50%;
+      transform: translate(0, -50%);
+      &.icon_customer {
+        background: url(~@/assets/images/stat_customer.png) no-repeat center;
+      }
+      &.icon_employee {
+        background: url(~@/assets/images/stat_employee.png) no-repeat center;
+      }
+      &.icon_amount {
+        background: url(~@/assets/images/stat_amount.png) no-repeat center;
+      }
+      &.icon_payment {
+        background: url(~@/assets/images/stat_payment.png) no-repeat center;
+      }
+      &.icon_advance {
+        background: url(~@/assets/images/stat_advance.png) no-repeat center;
+      }
+    }
+    &>span {
+      display: block;
+      margin: 5px 0;
+      color: #363636;
+      text-align: center;
+    }
+    .num {
+      font-family: PingFang-SC-Medium;
+      font-size: 32px;
+    }
+    .label {
+      font-size: 14px;
+    }
+  }

+ 4 - 0
src/utils/dataFormat.js

@@ -61,6 +61,10 @@ export const entStateOptions = [
    {dictLabel: '冻结',dictValue: '4'}
 ]
 
+export const yesOrNoOptions = [
+  { dictLabel: '是', dictValue: 1},
+  { dictLabel: '否', dictValue: 0}
+]
 /**
  *
  * 审核状态 1:待审核 2:通过 3:驳回

+ 87 - 22
src/views/enterprise/project/components/BasicInfo.vue

@@ -71,8 +71,7 @@
         <el-col :span="12">
           <el-form-item label="国家自主创新示范区企业" prop="innovateFlag">
             <el-radio-group v-model="form.innovateFlag">
-              <el-radio label="1">是</el-radio>
-              <el-radio label="0">否</el-radio>
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -84,8 +83,7 @@
         <el-col :span="12">
           <el-form-item label="是否跨年" prop="overYearFlag">
             <el-radio-group v-model="form.overYearFlag">
-              <el-radio label="1">是</el-radio>
-              <el-radio label="0">否</el-radio>
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -102,8 +100,7 @@
         <el-col :span="12">
           <el-form-item label="是否科技型中小企业" prop="investFlag">
             <el-radio-group v-model="form.investFlag">
-              <el-radio label="1">是</el-radio>
-              <el-radio label="0">否</el-radio>
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
@@ -115,12 +112,11 @@
         <el-col :span="12">
           <el-form-item label="是否高新技术企业" prop="techFlag">
             <el-radio-group v-model="form.techFlag">
-              <el-radio label="1">是</el-radio>
-              <el-radio label="0">否</el-radio>
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
             </el-radio-group>
           </el-form-item>
         </el-col>
-        <template v-if="form.techFlag == '1'">
+        <template v-if="form.techFlag == 1">
           <el-col :span="24">
             <el-form-item label="高新技术企业所属技术领域" prop="techScopeArray">
               <el-checkbox-group v-model="form.techScopeArray">
@@ -140,21 +136,43 @@
           </el-col>
         </template>
       </el-row>
-      <el-row :gutter="40">
-        <el-col :span="24">
-          <el-form-item style="width:100%;text-align: center;" label-width="0px">
-            <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">保存</el-button>
-            <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
-          </el-form-item>
-        </el-col>
-      </el-row>
+      <template v-if="entOwnVisible">
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item style="width:100%;text-align: center;" label-width="0px">
+              <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">自填保存</el-button>
+              <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+      <template v-if="entFinVisible">
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item style="width:100%;text-align: center;" label-width="0px">
+              <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">财务保存</el-button>
+              <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+      <template v-if="entTechVisible">
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item style="width:100%;text-align: center;" label-width="0px">
+              <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">技术保存</el-button>
+              <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
     </el-form>
   </div>
 </template>
 
 <script>
-import { editProjectApi } from "@/api/enterprise/project/project.js"
-import { techScopeOptions } from "@/utils/dataFormat"
+import { editProjectApi,getProjectInfoApi } from "@/api/enterprise/project/project"
+import { techScopeOptions,yesOrNoOptions } from "@/utils/dataFormat"
 import FileUpload from '@/components/FileUpload'
 
 export default {
@@ -165,6 +183,15 @@ export default {
   props: {
     projectOwner: {
       type: String
+    },
+    entOwnVisible: {
+      type: Boolean
+    },
+    entTechVisible: {
+      type: Boolean
+    },
+    entFinVisible: {
+      type: Boolean
     }
   },
   data() {
@@ -183,6 +210,7 @@ export default {
       districtName: '',
       codeUrl: "",
       techScopeOptions: techScopeOptions,
+      yesOrNoOptions: yesOrNoOptions,
       provinceDataList: [],
       cityDataList: [],
       districtDataList: [],
@@ -192,8 +220,8 @@ export default {
         techStartDate: '',
         techEndDate: '',
         projectTime: [],
-        projectStartTime: '',
-        projectEndTime: '',
+        projectStartDate: '',
+        projectEndDate: '',
         techScopeArray: [],
       },
       rules: {
@@ -217,9 +245,38 @@ export default {
   },
   created() {
     this.form.id = this.$route.query.id || undefined;
-    this.form.entId = this.$route.query.entId || undefined
+    this.form.entId = this.$route.query.entId || undefined;
+    if(this.form.id) {
+      this.getData()
+    }
   },
   methods: {
+    getData() {
+      getProjectInfoApi(this.form.id).then(res => {
+        if(this.projectOwner == '1') {
+          let obj = res.data.entProject || {}
+          if(obj.projectStartDate) {
+            this.form.projectTime[0] = obj.projectStartDate
+            this.form.projectTime[1] = obj.projectEndDate
+          }
+          this.form = obj || {}
+        }else if(this.projectOwner == '2') {
+          let obj = res.data.entProject || {}
+          if(obj.projectStartDate) {
+            this.form.projectTime[0] = obj.projectStartDate
+            this.form.projectTime[1] = obj.projectEndDate
+          }
+          this.form = obj || {}
+        }else if(this.projectOwner == '3') {
+          let obj = res.data.entProject || {}
+          if(obj.projectStartDate) {
+            this.form.projectTime[0] = obj.projectStartDate
+            this.form.projectTime[1] = obj.projectEndDate
+          }
+          this.form = obj || {}
+        }
+      })
+    },
     handleSuccess(file) {
       this.form.licensePath = file.url;
       this.form.fileName = file.name;
@@ -235,12 +292,20 @@ export default {
           this.loading = true
           editProjectApi(this.form).then(res => {
             this.loading = false
+            this.$store.dispatch("tagsView/delView", this.$route);
+            this.$router.go(-1);
           })
         }
       })
     }
   },
   watch: {
+    'entProjectList': {
+      immediate: true,
+      handler (val) {
+        this.form.entProjectList = this.entProjectList || {}
+      }
+    },
     'form.projectTime'(val) {
       if(this.form.projectTime) {
         this.form.projectStartDate = this.form.projectTime[0]

+ 279 - 0
src/views/enterprise/project/components/EntBasic.vue

@@ -0,0 +1,279 @@
+<template>
+  <div class="app-container" v-loading="loading">
+    <el-form ref="form" :model="form" :rules="rules" label-width="180px">
+      <h3 class="toolbar">
+        <span class="title">项目基本信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="企业名称" prop="entName">
+            <el-input v-model="form.entName" type="text" auto-complete="off" placeholder="请输入企业名称"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="通讯地址" prop="address">
+            <el-input v-model="form.address" placeholder="请输入通讯地址"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业联系人" prop="linkName">
+            <el-input v-model="form.linkName" placeholder="请输入企业联系人"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系电话(座机)" prop="mobile">
+            <el-input v-model="form.mobile" type="text" auto-complete="off" placeholder="请输入联系电话(座机)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系电话(手机)" prop="linkMobile">
+            <el-input v-model="form.linkMobile" type="text" auto-complete="off" placeholder="请输入联系电话(手机)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="职工总人数(人)" prop="totoalPersons">
+            <el-input v-model="form.totoalPersons" type="text" auto-complete="off" placeholder="请输入职工总人数">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="年度企业销售收入(万元)" prop="sales">
+            <el-input v-model="form.sales" type="text" auto-complete="off" placeholder="请输入年度企业销售收入(万元)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="研发人数" prop="techPersons">
+            <el-input v-model="form.techPersons" type="text" auto-complete="off" placeholder="请输入研发人数">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="年度研发投入(万元)" prop="techInvest">
+            <el-input v-model="form.techInvest" type="text" auto-complete="off" placeholder="请输入年度研发投入(万元)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="占销售收入比例(%)" prop="techRate">
+            <el-input v-model="form.techRate" type="text" auto-complete="off" placeholder="请输入占销售收入比例(%)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业所属行业" prop="industry">
+            <el-input v-model="form.industry" type="text" auto-complete="off" placeholder="请输入企业所属行业">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="国家自主创新示范区企业" prop="innovateFlag">
+            <el-radio-group v-model="form.innovateFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">项目是否跨年</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否跨年" prop="overYearFlag">
+            <el-radio-group v-model="form.overYearFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目时间段" prop="projectTime">
+            <el-date-picker v-model="form.projectTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">科技型中小企业信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否科技型中小企业" prop="investFlag">
+            <el-radio-group v-model="form.investFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">高新技术企业信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否高新技术企业" prop="techFlag">
+            <el-radio-group v-model="form.techFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <template v-if="form.techFlag == 1">
+          <el-col :span="24">
+            <el-form-item label="高新技术企业所属技术领域" prop="techScopeArray">
+              <el-checkbox-group v-model="form.techScopeArray">
+                <el-checkbox v-for="(item, index) in techScopeOptions" :label="item.dictLabel" :key="index">{{item.dictLabel}}</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="证书有效期限" prop="lisenceTime">
+              <el-date-picker v-model="form.lisenceTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="高新证书" prop="investFlag">
+              <FileUpload :file="{url: form.licensePath, name: form.fileName}" @input="handleSuccess">上传证书</FileUpload>
+            </el-form-item>
+          </el-col>
+        </template>
+      </el-row>
+      <template v-if="userType == 'ENT_ADMIN'">
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item style="width:100%;text-align: center;" label-width="0px">
+              <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">自填保存</el-button>
+              <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>  
+      </template>   
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { editProjectApi,getProjectInfoApi } from "@/api/enterprise/project/project"
+import { techScopeOptions,yesOrNoOptions } from "@/utils/dataFormat"
+import FileUpload from '@/components/FileUpload'
+
+export default {
+  name: "First",
+  components: {
+    FileUpload
+  },
+  props: {
+  },
+  computed: {
+    userType() {
+      return this.$store.state.user.userType
+    },
+  },
+  data() {
+    return {
+      activeName: '3',
+      serviceDate: [],
+      provinceName: '',
+      cityName: '',
+      districtName: '',
+      codeUrl: "",
+      techScopeOptions: techScopeOptions,
+      yesOrNoOptions: yesOrNoOptions,
+      provinceDataList: [],
+      cityDataList: [],
+      districtDataList: [],
+      form: {
+        projectOwner: this.projectOwner,
+        lisenceTime: [],
+        techStartDate: '',
+        techEndDate: '',
+        projectTime: [],
+        projectStartDate: '',
+        projectEndDate: '',
+        techScopeArray: [],
+      },
+      rules: {
+        userName: [
+          { required: true, trigger: "blur", message: "请输入您的账号" },
+          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, trigger: "blur", message: "请输入您的密码" },
+          { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
+        ],
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+      },
+      loading: false,
+      captchaOnOff: true
+    };
+  },
+  created() {
+    this.form.id = this.$route.query.id || undefined;
+    this.form.entId = this.$route.query.entId || undefined;
+    if(this.form.id) {
+      this.getData()
+    }
+  },
+  methods: {
+    getData() {
+      getProjectInfoApi(this.form.id).then(res => {
+        let obj = res.data.entProject || {}
+        if(obj.projectStartDate) {
+          this.form.projectTime[0] = obj.projectStartDate
+          this.form.projectTime[1] = obj.projectEndDate
+        }
+        this.form = obj || {}
+      })
+    },
+    handleSuccess(file) {
+      this.form.licensePath = file.url;
+      this.form.fileName = file.name;
+    },
+    handleSaleSuccess(files) {
+      files.forEach(item => {
+        this.form.attachIds.push(item.response.data.id)
+      });
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if(valid) {
+          this.loading = true
+          editProjectApi(this.form).then(res => {
+            this.loading = false
+            this.$store.dispatch("tagsView/delView", this.$route);
+            this.$router.go(-1);
+          })
+        }
+      })
+    }
+  },
+  watch: {
+    'entProjectList': {
+      immediate: true,
+      handler (val) {
+        this.form.entProjectList = this.entProjectList || {}
+      }
+    },
+    'form.projectTime'(val) {
+      if(this.form.projectTime) {
+        this.form.projectStartDate = this.form.projectTime[0]
+        this.form.projectEndDate = this.form.projectTime[1]
+      }else {
+        this.form.projectStartDate = ''
+        this.form.projectEndDate = ''
+      }
+    },
+    'form.lisenceTime'(val) {
+      if(this.form.lisenceTime) {
+        this.form.techEndDate = this.form.lisenceTime[1]
+        this.form.techStartDate = this.form.lisenceTime[0]
+      }else {
+        this.form.techStartDate = ''
+        this.form.techEndDate = ''
+      }
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>

+ 291 - 0
src/views/enterprise/project/components/FinBasic.vue

@@ -0,0 +1,291 @@
+<template>
+  <div class="app-container" v-loading="loading">
+    <el-form ref="form" :model="form" :rules="rules" label-width="180px">
+      <h3 class="toolbar">
+        <span class="title">项目基本信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="企业名称" prop="entName">
+            <el-input v-model="form.entName" type="text" auto-complete="off" placeholder="请输入企业名称"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="通讯地址" prop="address">
+            <el-input v-model="form.address" placeholder="请输入通讯地址"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业联系人" prop="linkName">
+            <el-input v-model="form.linkName" placeholder="请输入企业联系人"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系电话(座机)" prop="mobile">
+            <el-input v-model="form.mobile" type="text" auto-complete="off" placeholder="请输入联系电话(座机)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系电话(手机)" prop="linkMobile">
+            <el-input v-model="form.linkMobile" type="text" auto-complete="off" placeholder="请输入联系电话(手机)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="职工总人数(人)" prop="totoalPersons">
+            <el-input v-model="form.totoalPersons" type="text" auto-complete="off" placeholder="请输入职工总人数">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="年度企业销售收入(万元)" prop="sales">
+            <el-input v-model="form.sales" type="text" auto-complete="off" placeholder="请输入年度企业销售收入(万元)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="研发人数" prop="techPersons">
+            <el-input v-model="form.techPersons" type="text" auto-complete="off" placeholder="请输入研发人数">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="年度研发投入(万元)" prop="techInvest">
+            <el-input v-model="form.techInvest" type="text" auto-complete="off" placeholder="请输入年度研发投入(万元)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="占销售收入比例(%)" prop="techRate">
+            <el-input v-model="form.techRate" type="text" auto-complete="off" placeholder="请输入占销售收入比例(%)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业所属行业" prop="industry">
+            <el-input v-model="form.industry" type="text" auto-complete="off" placeholder="请输入企业所属行业">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="国家自主创新示范区企业" prop="innovateFlag">
+            <el-radio-group v-model="form.innovateFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">项目是否跨年</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否跨年" prop="overYearFlag">
+            <el-radio-group v-model="form.overYearFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目时间段" prop="projectTime">
+            <el-date-picker v-model="form.projectTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">科技型中小企业信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否科技型中小企业" prop="investFlag">
+            <el-radio-group v-model="form.investFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">高新技术企业信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否高新技术企业" prop="techFlag">
+            <el-radio-group v-model="form.techFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <template v-if="form.techFlag == 1">
+          <el-col :span="24">
+            <el-form-item label="高新技术企业所属技术领域" prop="techScopeArray">
+              <el-checkbox-group v-model="form.techScopeArray">
+                <el-checkbox v-for="(item, index) in techScopeOptions" :label="item.dictLabel" :key="index">{{item.dictLabel}}</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="证书有效期限" prop="lisenceTime">
+              <el-date-picker v-model="form.lisenceTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="高新证书" prop="investFlag">
+              <FileUpload :file="{url: form.licensePath, name: form.fileName}" @input="handleSuccess">上传证书</FileUpload>
+            </el-form-item>
+          </el-col>
+        </template>
+      </el-row>
+      <template v-if="userType == 'ENT_FIN' || userType == 'ENT_ADMIN_FIN'">
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item style="width:100%;text-align: center;" label-width="0px">
+              <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">财务保存</el-button>
+              <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { editProjectApi,getProjectInfoApi } from "@/api/enterprise/project/project"
+import { techScopeOptions,yesOrNoOptions } from "@/utils/dataFormat"
+import FileUpload from '@/components/FileUpload'
+
+export default {
+  name: "First",
+  components: {
+    FileUpload
+  },
+  computed: {
+    userType() {
+      return this.$store.state.user.userType
+    },
+  },
+  props: {
+    projectOwner: {
+      type: String
+    },
+    entOwnVisible: {
+      type: Boolean
+    },
+    entTechVisible: {
+      type: Boolean
+    },
+    entFinVisible: {
+      type: Boolean
+    }
+  },
+  data() {
+    return {
+      activeName: '3',
+      serviceDate: [],
+      provinceName: '',
+      cityName: '',
+      districtName: '',
+      codeUrl: "",
+      techScopeOptions: techScopeOptions,
+      yesOrNoOptions: yesOrNoOptions,
+      provinceDataList: [],
+      cityDataList: [],
+      districtDataList: [],
+      form: {
+        projectOwner: this.projectOwner,
+        lisenceTime: [],
+        techStartDate: '',
+        techEndDate: '',
+        projectTime: [],
+        projectStartDate: '',
+        projectEndDate: '',
+        techScopeArray: [],
+      },
+      rules: {
+        userName: [
+          { required: true, trigger: "blur", message: "请输入您的账号" },
+          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, trigger: "blur", message: "请输入您的密码" },
+          { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
+        ],
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+      },
+      loading: false,
+      captchaOnOff: true
+    };
+  },
+  created() {
+    this.form.id = this.$route.query.id || undefined;
+    this.form.entId = this.$route.query.entId || undefined;
+    if(this.form.id) {
+      this.getData()
+    }
+  },
+  methods: {
+    getData() {
+      getProjectInfoApi(this.form.id).then(res => {
+        let obj = res.data.finProject || {}
+        if(obj.projectStartDate) {
+          this.form.projectTime[0] = obj.projectStartDate
+          this.form.projectTime[1] = obj.projectEndDate
+        }
+        this.form = obj || {}
+      })
+    },
+    handleSuccess(file) {
+      this.form.licensePath = file.url;
+      this.form.fileName = file.name;
+    },
+    handleSaleSuccess(files) {
+      files.forEach(item => {
+        this.form.attachIds.push(item.response.data.id)
+      });
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if(valid) {
+          this.loading = true
+          editProjectApi(this.form).then(res => {
+            this.loading = false
+            this.$store.dispatch("tagsView/delView", this.$route);
+            this.$router.go(-1);
+          })
+        }
+      })
+    }
+  },
+  watch: {
+    'entProjectList': {
+      immediate: true,
+      handler (val) {
+        this.form.entProjectList = this.entProjectList || {}
+      }
+    },
+    'form.projectTime'(val) {
+      if(this.form.projectTime) {
+        this.form.projectStartDate = this.form.projectTime[0]
+        this.form.projectEndDate = this.form.projectTime[1]
+      }else {
+        this.form.projectStartDate = ''
+        this.form.projectEndDate = ''
+      }
+    },
+    'form.lisenceTime'(val) {
+      if(this.form.lisenceTime) {
+        this.form.techEndDate = this.form.lisenceTime[1]
+        this.form.techStartDate = this.form.lisenceTime[0]
+      }else {
+        this.form.techStartDate = ''
+        this.form.techEndDate = ''
+      }
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>

+ 302 - 0
src/views/enterprise/project/components/TechBasic.vue

@@ -0,0 +1,302 @@
+<template>
+  <div class="app-container" v-loading="loading">
+    <el-form ref="form" :model="form" :rules="rules" label-width="180px">
+      <h3 class="toolbar">
+        <span class="title">项目基本信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="企业名称" prop="entName">
+            <el-input v-model="form.entName" type="text" auto-complete="off" placeholder="请输入企业名称"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="通讯地址" prop="address">
+            <el-input v-model="form.address" placeholder="请输入通讯地址"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业联系人" prop="linkName">
+            <el-input v-model="form.linkName" placeholder="请输入企业联系人"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系电话(座机)" prop="mobile">
+            <el-input v-model="form.mobile" type="text" auto-complete="off" placeholder="请输入联系电话(座机)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="联系电话(手机)" prop="linkMobile">
+            <el-input v-model="form.linkMobile" type="text" auto-complete="off" placeholder="请输入联系电话(手机)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="职工总人数(人)" prop="totoalPersons">
+            <el-input v-model="form.totoalPersons" type="text" auto-complete="off" placeholder="请输入职工总人数">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="年度企业销售收入(万元)" prop="sales">
+            <el-input v-model="form.sales" type="text" auto-complete="off" placeholder="请输入年度企业销售收入(万元)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="研发人数" prop="techPersons">
+            <el-input v-model="form.techPersons" type="text" auto-complete="off" placeholder="请输入研发人数">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="年度研发投入(万元)" prop="techInvest">
+            <el-input v-model="form.techInvest" type="text" auto-complete="off" placeholder="请输入年度研发投入(万元)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="占销售收入比例(%)" prop="techRate">
+            <el-input v-model="form.techRate" type="text" auto-complete="off" placeholder="请输入占销售收入比例(%)">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业所属行业" prop="industry">
+            <el-input v-model="form.industry" type="text" auto-complete="off" placeholder="请输入企业所属行业">
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="国家自主创新示范区企业" prop="innovateFlag">
+            <el-radio-group v-model="form.innovateFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">项目是否跨年</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否跨年" prop="overYearFlag">
+            <el-radio-group v-model="form.overYearFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="项目时间段" prop="projectTime">
+            <el-date-picker v-model="form.projectTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">科技型中小企业信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否科技型中小企业" prop="investFlag">
+            <el-radio-group v-model="form.investFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <h3 class="toolbar">
+        <span class="title">高新技术企业信息</span>
+      </h3>
+      <el-row :gutter="40">
+        <el-col :span="12">
+          <el-form-item label="是否高新技术企业" prop="techFlag">
+            <el-radio-group v-model="form.techFlag">
+              <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <template v-if="form.techFlag == 1">
+          <el-col :span="24">
+            <el-form-item label="高新技术企业所属技术领域" prop="techScopeArray">
+              <el-checkbox-group v-model="form.techScopeArray">
+                <el-checkbox v-for="(item, index) in techScopeOptions" :label="item.dictLabel" :key="index">{{item.dictLabel}}</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="证书有效期限" prop="lisenceTime">
+              <el-date-picker v-model="form.lisenceTime" placeholder="选择日期" type="daterange" value-format="yyyy-MM" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="高新证书" prop="investFlag">
+              <FileUpload :file="{url: form.licensePath, name: form.fileName}" @input="handleSuccess">上传证书</FileUpload>
+            </el-form-item>
+          </el-col>
+        </template>
+      </el-row>
+      <template v-if="userType == 'ENT_TECH' || userType == 'ENT_ADMIN_TECH'">
+        <el-row :gutter="40">
+          <el-col :span="24">
+            <el-form-item style="width:100%;text-align: center;" label-width="0px">
+              <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="submitForm" style="width: 100px;">技术保存</el-button>
+              <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { editProjectApi,getProjectInfoApi } from "@/api/enterprise/project/project"
+import { techScopeOptions,yesOrNoOptions } from "@/utils/dataFormat"
+import FileUpload from '@/components/FileUpload'
+
+export default {
+  name: "First",
+  components: {
+    FileUpload
+  },
+  computed: {
+    userType() {
+      return this.$store.state.user.userType
+    },
+  },
+  props: {
+    projectOwner: {
+      type: String
+    },
+    entOwnVisible: {
+      type: Boolean
+    },
+    entTechVisible: {
+      type: Boolean
+    },
+    entFinVisible: {
+      type: Boolean
+    }
+  },
+  data() {
+    const equalToPassword = (rule, value, callback) => {
+      if (this.form.password !== value) {
+        callback(new Error("两次输入的密码不一致"));
+      } else {
+        callback();
+      }
+    };
+    return {
+      activeName: '3',
+      serviceDate: [],
+      provinceName: '',
+      cityName: '',
+      districtName: '',
+      codeUrl: "",
+      techScopeOptions: techScopeOptions,
+      yesOrNoOptions: yesOrNoOptions,
+      provinceDataList: [],
+      cityDataList: [],
+      districtDataList: [],
+      form: {
+        projectOwner: this.projectOwner,
+        lisenceTime: [],
+        techStartDate: '',
+        techEndDate: '',
+        projectTime: [],
+        projectStartDate: '',
+        projectEndDate: '',
+        techScopeArray: [],
+      },
+      rules: {
+        userName: [
+          { required: true, trigger: "blur", message: "请输入您的账号" },
+          { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, trigger: "blur", message: "请输入您的密码" },
+          { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
+        ],
+        confirmPassword: [
+          { required: true, trigger: "blur", message: "请再次输入您的密码" },
+          { required: true, validator: equalToPassword, trigger: "blur" }
+        ],
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+      },
+      loading: false,
+      captchaOnOff: true
+    };
+  },
+  created() {
+    this.form.id = this.$route.query.id || undefined;
+    this.form.entId = this.$route.query.entId || undefined;
+    if(this.form.id) {
+      this.getData()
+    }
+  },
+  methods: {
+    getData() {
+      getProjectInfoApi(this.form.id).then(res => {
+        let obj = res.data.techProject || {}
+        if(obj.projectStartDate) {
+          this.form.projectTime[0] = obj.projectStartDate
+          this.form.projectTime[1] = obj.projectEndDate
+        }
+        this.form = obj || {}
+      })
+    },
+    handleSuccess(file) {
+      this.form.licensePath = file.url;
+      this.form.fileName = file.name;
+    },
+    handleSaleSuccess(files) {
+      files.forEach(item => {
+        this.form.attachIds.push(item.response.data.id)
+      });
+    },
+    submitForm() {
+      this.$refs.form.validate(valid => {
+        if(valid) {
+          this.loading = true
+          editProjectApi(this.form).then(res => {
+            this.loading = false
+            this.$store.dispatch("tagsView/delView", this.$route);
+            this.$router.go(-1);
+          })
+        }
+      })
+    }
+  },
+  watch: {
+    'entProjectList': {
+      immediate: true,
+      handler (val) {
+        this.form.entProjectList = this.entProjectList || {}
+      }
+    },
+    'form.projectTime'(val) {
+      if(this.form.projectTime) {
+        this.form.projectStartDate = this.form.projectTime[0]
+        this.form.projectEndDate = this.form.projectTime[1]
+      }else {
+        this.form.projectStartDate = ''
+        this.form.projectEndDate = ''
+      }
+    },
+    'form.lisenceTime'(val) {
+      if(this.form.lisenceTime) {
+        this.form.techEndDate = this.form.lisenceTime[1]
+        this.form.techStartDate = this.form.lisenceTime[0]
+      }else {
+        this.form.techStartDate = ''
+        this.form.techEndDate = ''
+      }
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+
+</style>

+ 26 - 1
src/views/enterprise/project/components/enclosure.vue

@@ -45,13 +45,38 @@
       return {
         total: 0,
         list: [],
+        loading: false,
         queryParams: {
-
+          pageNum: 1,
+          pageSize: 10
         }
       };
     },
     created() {
 
+    },
+    methods: {
+      handleUpload() {
+
+      },
+      handleDownload() {
+
+      },
+      handleBatchDelte() {
+
+      },
+      handleView() {
+
+      },
+      handleEdit() {
+
+      },
+      handleDelete() {
+
+      },
+      getList() {
+        
+      }
     }
   };
   </script>

+ 40 - 7
src/views/enterprise/project/edit.vue

@@ -4,7 +4,8 @@
       <el-tab-pane label="企业自填">
         <el-tabs type="border-card">
           <el-tab-pane label="项目基本信息">
-            <basic-info ref="basicInfo" :projectOwner="'1'"></basic-info>
+            <!-- <basic-info ref="basicInfo" :projectOwner="'1'" :entOwnVisible="entOwnVisible"></basic-info> -->
+            <ent-basic></ent-basic>
           </el-tab-pane>
           <el-tab-pane label="资料附件">
             <enclosure :projectOwner="'1'"></enclosure>
@@ -14,7 +15,8 @@
       <el-tab-pane label="企业技术">
         <el-tabs type="border-card">
           <el-tab-pane label="项目基本信息">
-            <basic-info ref="basicInfo" :projectOwner="'2'"></basic-info>
+            <tech-basic></tech-basic>
+            <!-- <basic-info ref="basicInfo" :projectOwner="'2'" :entTechVisible="entTechVisible"></basic-info> -->
           </el-tab-pane>
           <el-tab-pane label="资料附件">
             <enclosure :projectOwner="'1'"></enclosure>
@@ -24,7 +26,8 @@
       <el-tab-pane label="企业财务">
         <el-tabs type="border-card">
           <el-tab-pane label="项目基本信息">
-            <basic-info ref="basicInfo" :projectOwner="'3'"></basic-info>
+            <fin-basic></fin-basic>
+            <!-- <basic-info ref="basicInfo" :projectOwner="'3'" :entFinVisible="entFinVisible"></basic-info> -->
           </el-tab-pane>
           <el-tab-pane label="资料附件">
             <enclosure :projectOwner="'3'"></enclosure>
@@ -38,21 +41,51 @@
 <script>
 
 import BasicInfo from './components/BasicInfo'
-import Enclosure from './components/enclosure'
+import Enclosure from './components/enclosure'
+import EntBasic from './components/EntBasic'
+import TechBasic from './components/TechBasic'
+import FinBasic from './components/FinBasic'
+import {getProjectInfoApi} from '@/api/enterprise/project/project'
 export default {
   name: "First",
+  computed: {
+    userType() {
+      return this.$store.state.user.userType
+    },
+  },
   components: {
     BasicInfo,
-    Enclosure
+    Enclosure,
+    EntBasic,
+    TechBasic,
+    FinBasic
   },
   data() {
     return {
       tabPosition: 'left',
-      loading: false
+      loading: false,
+      entOwnVisible: false,
+      entTechVisible: false,
+      entFinVisible: false,
+      id: undefined
     };
   },
   created() {
-
+    this.id = this.$route.query.id || undefined;
+    //管理员
+    if(this.userType == 'ENT_ADMIN') {
+      this.entOwnVisible = true
+      this.entFinVisible = false
+      this.entTechVisible = false
+    }else if(this.userType == 'ENT_TECH' || this.userType == 'ENT_ADMIN_TECH') {
+      this.entOwnVisible = false
+      this.entFinVisible = false
+      this.entTechVisible = true
+    }else if(this.userType == 'ENT_FIN' || this.userType == 'ENT_ADMIN_FIN') {
+      this.entOwnVisible = false
+      this.entFinVisible = true
+      this.entTechVisible = false
+    }
   }
 };
 </script>

+ 67 - 36
src/views/index.vue

@@ -1,42 +1,73 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12">
-        <el-row>
-          <el-col :span="12">
-            <h2>技术选型</h2>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="6">
-            <h4>后端技术</h4>
-            <ul>
-              <li>SpringBoot</li>
-              <li>Spring Security</li>
-              <li>JWT</li>
-              <li>MyBatis</li>
-              <li>Druid</li>
-              <li>Fastjson</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-          <el-col :span="6">
-            <h4>前端技术</h4>
-            <ul>
-              <li>Vue</li>
-              <li>Vuex</li>
-              <li>Element-ui</li>
-              <li>Axios</li>
-              <li>Sass</li>
-              <li>Quill</li>
-              <li>...</li>
-            </ul>
-          </el-col>
-        </el-row>
-      </el-col>
+    <h3 class="toolbar">
+      <span class="title">数据累计</span>
+    </h3>
+    <el-row :gutter="20">
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_customer"></i>
+          <span class="num">10</span>
+          <span class="label">企业总数</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_employee"></i>
+          <span class="num"></span>
+          <span class="label">服务中企业</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_amount"></i>
+          <span class="num"></span>
+          <span class="label">服务已到期企业</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_payment"></i>
+          <span class="num"></span>
+          <span class="label">项目总数</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_advance"></i>
+          <span class="num"></span>
+          <span class="label">已完成项目</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_advance"></i>
+          <span class="num"></span>
+          <span class="label">待完成项目</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_advance"></i>
+          <span class="num"></span>
+          <span class="label">财务资料总数</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_advance"></i>
+          <span class="num"></span>
+          <span class="label">已完成财务资料</span>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="stat_box">
+          <i class="icon icon_advance"></i>
+          <span class="num"></span>
+          <span class="label">待完成财务资料</span>
+        </div>
+      </el-col>
     </el-row>
-    <el-divider />
-
   </div>
 </template>