From d56cee75c28e30923374ddb128ceacc46ba7b60a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=88=E5=AD=A6=E5=9D=A4?= <1107410514@qq.com>
Date: Tue, 12 Nov 2019 14:54:22 +0800
Subject: [PATCH] kun 19 11 12 14 55

---
 src/components/RichTextOne.vue    |    2 +-
 src/views/InformationQuery.vue    |   87 ++-
 src/views/personal/Declare.vue    |  168 +++--
 src/views/project/Application.vue | 1002 +++++++++++++++++------------
 src/views/project/Project.vue     |  270 ++++----
 src/views/project/Schedule.vue    |   28 +-
 6 files changed, 936 insertions(+), 621 deletions(-)

diff --git a/src/components/RichTextOne.vue b/src/components/RichTextOne.vue
index f374d69..2c49225 100644
--- a/src/components/RichTextOne.vue
+++ b/src/components/RichTextOne.vue
@@ -33,7 +33,7 @@ export default {
   computed: {},
   watch: {
     initialText (val) {
-      console.log(val)
+      // console.log(val)
       phoneEditor.$txt.html(_this.initialText)
     }
   }
diff --git a/src/views/InformationQuery.vue b/src/views/InformationQuery.vue
index f165ff9..7c094af 100644
--- a/src/views/InformationQuery.vue
+++ b/src/views/InformationQuery.vue
@@ -8,9 +8,9 @@
           type="text"
           placeholder="请输入组织名称"
           v-model.trim="searchVal"
-          @keyup.enter="getSearch()"
+          @keyup.enter="globalSearch()"
         />
-        <label @click="getSearch()">搜索</label>
+        <label @click="globalSearch()">搜索</label>
       </div>
       <!-- 分类搜索 -->
       <div class="select-box">
@@ -35,14 +35,14 @@
         </select>
       </div>
       <!-- 搜索记录 -->
-      <div class="record">
+      <!-- <div class="record">
         <template v-for="(item,index) in record">
           <div class="list" :key="index" @click="searchRecord(item.nameOf)">
             <span>{{item.category + '：' + item.nameOf}}</span>
             <span class="iconfont icon-cuowu" @click="del(index)"></span>
           </div>
         </template>
-      </div>
+      </div>-->
       <!-- 表格 -->
       <div class="box-table">
         <div class="caption">
@@ -150,11 +150,12 @@ export default {
       pageSize: 1,
       currentPage: 1,
       totalCount: 1,
+      status: ''
     };
   },
   computed: {},
   watch: {
-    record(newVal, oldVal) { }
+    // record(newVal, oldVal) { }
   },
   methods: {
     /** 筛选函数 */
@@ -177,14 +178,13 @@ export default {
       }
     },
     /** 删除单条数据 */
-    del(index) {
-      let delArr = this.record.splice(index, 1)
-    },
+    // del(index) {
+    //   let delArr = this.record.splice(index, 1)
+    // },
     /** 调用搜索函数 */
-    searchRecord(str) {
-      this.getSearch(str)
-    },
-
+    // searchRecord(str) {
+    //   this.getSearch(str)
+    // },
     /** 名单切换 */
     btn(index) {
       let s = this.sub;
@@ -193,17 +193,17 @@ export default {
       this.currentPage = 1;
       switch (this.sub) {
         case 0:
-          this.getData(this.type_value, this.years[this.year_value], this.year_status);
+          this.getData(this.type_value, this.years[this.year_value], this.year_status,this.status = '');
           break;
-        case 1: this.getData(this.type_value, this.years[this.year_value], this.year_status, 0);
+        case 1: this.getData(this.type_value, this.years[this.year_value], this.year_status, this.status = 0);
           break;
         case 2:
-          this.getData(this.type_value, this.years[this.year_value], this.year_status, 1);
+          this.getData(this.type_value, this.years[this.year_value], this.year_status, this.status = 1);
           break;
       }
     },
     /** 获取后台数据 */
-    getData(type = this.type_value, year = this.years[this.year_value], yearStatus = this.year_status, status = '', page = this.currentPage) {
+    getData(type = this.type_value, year = this.years[this.year_value], yearStatus = this.year_status, status = this.status, page = this.currentPage) {
       if (type == "组织类型") {
         type = ''
         // this.type_value = ''
@@ -219,7 +219,6 @@ export default {
         // this.year_status = ''
       }
       let _this = this
-      console.log(type);
 
       this.$http({
         method: 'post',
@@ -284,33 +283,73 @@ export default {
           console.log(err)
         })
     },
-    /** 搜索函数 */
-    getSearch(str) {
+    /** 本页搜索函数 */
+    getSearchThisPage() {
       this.searchValue = [];
 
-      if (this.searchVal === "" && str !== "" && str !== undefined && str !== null && str !== 'null') {
-        this.searchVal = str
-      } else if (this.searchVal === "") {
+      // if (this.searchVal === "" && str !== "" && str !== undefined && str !== null && str !== 'null') {
+      //   this.searchVal = str
+      // } else if (this.searchVal === "") {
+      //   this.$message.warning("请输入搜索内容");
+      //   return;
+      // }
+
+      if (this.searchVal == "") {
         this.$message.warning("请输入搜索内容");
         return;
       }
 
       let searchData = this.$tool.setSearch(this.bgData, this.searchVal)
+      console.log(searchData, this.bgData, this.searchVal);
+      return false;
 
-      if (searchData != undefined && searchData != '') {
+
+      if (searchData) {
         this.searchValue = searchData
         this.searchVal = "";
       } else {
         this.$message('您搜索的内容暂无~')
       }
     },
+    /** 全局搜索 */
+    globalSearch(name = this.searchVal, page = this.currentPage) {
+      this.$http({
+        method: 'post',
+        url: 'v1/society/society',
+        data: {
+          name: name,
+          page: page
+        }
+      }).then(res => {
+        if (res.data.data.code !== 200) {
+          return;
+        }
+        if (res.data.data.data.info.length == 0) {
+          alert('您所查询的数据暂时没有！')
+          return;
+        } else {
+          this.searchValue = res.data.data.data.info
+          this.totalCount = res.data.data.data.allPage
+          // console.log(res);
+        }
+        this.page++
+      })
+        // eslint-disable-next-line handle-callback-err
+        .catch(err => {
+          console.log(err)
+        })
+    },
     handleSizeChange(val) {
       this.pageSize = val;
       this.getPackData();
     },
     handleCurrentChange(val) {
       this.currentPage = val;
-      this.getData()
+      if (this.searchValue.length > 0) {
+        this.globalSearch()
+      } else {
+        this.getData()
+      }
       this.getPackData();
     },
     getPackData() { }
diff --git a/src/views/personal/Declare.vue b/src/views/personal/Declare.vue
index 37713a9..46ce900 100644
--- a/src/views/personal/Declare.vue
+++ b/src/views/personal/Declare.vue
@@ -6,12 +6,20 @@
         <div class="top">
           <img :src="imgUrl.xlb" alt />
           <div v-if="bgValue.announcement.name == ''">
-            <span>{{bgValue.announcement.name + bgValue.announcement.pro_content}}</span>
-            <time>{{bgValue.announcement.protime}}</time>
+            <span>{{
+              bgValue.announcement.name + bgValue.announcement.pro_content
+            }}</span>
+            <time>{{ bgValue.announcement.protime }}</time>
           </div>
           <div v-else>
             <span>暂无项目申报内容</span>
-            <time>{{new Date().getFullYear() + '-' + (new Date().getMonth()+1) + '-' + new Date().getDate()}}</time>
+            <time>{{
+              new Date().getFullYear() +
+                "-" +
+                (new Date().getMonth() + 1) +
+                "-" +
+                new Date().getDate()
+            }}</time>
           </div>
         </div>
         <!-- 表格 -->
@@ -21,25 +29,25 @@
             <div>
               <section>
                 <span>初筛通过</span>
-                <span>{{bgValue.overview_one}}</span>
+                <span>{{ bgValue.overview_one }}</span>
               </section>
             </div>
             <div>
               <section>
                 <span>立项通过</span>
-                <span>{{bgValue.overview_two}}</span>
+                <span>{{ bgValue.overview_two }}</span>
               </section>
             </div>
             <div>
               <section>
                 <span>执行中</span>
-                <span>{{bgValue.overview_three}}</span>
+                <span>{{ bgValue.overview_three }}</span>
               </section>
             </div>
             <div>
               <section>
                 <span>已完结</span>
-                <span>{{bgValue.overview_four}}</span>
+                <span>{{ bgValue.overview_four }}</span>
               </section>
             </div>
           </div>
@@ -58,22 +66,37 @@
               @change="bolting()"
             ></el-date-picker>
           </div>
-          <select class="two" name="type" v-model="type_value" @change="bolting()">
-            <option>全部</option>
-            <template v-for="(type,index) in bgValue.type">
-              <option :key="index" :value="index">{{type}}</option>
+          <select
+            class="two"
+            name="type"
+            v-model="type_value"
+            @change="bolting()"
+          >
+            <option>项目类型</option>
+            <template v-for="(type, index) in bgValue.type">
+              <option :key="index" :value="index">{{ type }}</option>
             </template>
           </select>
-          <select class="two" name="type" v-model="status_value" @change="bolting()">
-            <option>全部</option>
-            <template v-for="(status,index) in bgValue.status">
-              <option :key="index" :value="index">{{status}}</option>
+          <select
+            class="two"
+            name="type"
+            v-model="status_value"
+            @change="bolting()"
+          >
+            <option>项目状态</option>
+            <template v-for="(status, index) in bgValue.status">
+              <option :key="index" :value="index">{{ status }}</option>
             </template>
           </select>
-          <select class="three" name="area" v-model="area_value" @change="bolting()">
-            <option>全部</option>
-            <template v-for="(area,index) in bgValue.area">
-              <option :key="index" :value="index">{{area}}</option>
+          <select
+            class="three"
+            name="area"
+            v-model="area_value"
+            @change="bolting()"
+          >
+            <option>落地区域</option>
+            <template v-for="(area, index) in bgValue.area">
+              <option :key="index" :value="index">{{ area }}</option>
             </template>
           </select>
         </div>
@@ -86,45 +109,55 @@
           <div class="top-t">
             <h3
               @click="btn(index)"
-              v-for="(item,index) in text"
+              v-for="(item, index) in text"
               :key="index"
               :class="sub == index ? 'style' : ''"
-            >{{item}}</h3>
+            >
+              {{ item }}
+            </h3>
           </div>
           <!-- 主题内容 -->
           <div class="cc">
             <template v-if="cd > 0">
               <div
                 class="list"
-                v-for="(item,index) in bgData.info"
+                v-for="(item, index) in bgData.info"
                 :key="index"
-                @click="$jParams('schedule',{id:item.id})"
+                @click="
+                  item.tid == 1000
+                    ? $jP('application', { id: item.id })
+                    : $jParams('schedule', { id: item.id })
+                "
               >
                 <div class="div">
                   <div class="bb">
-                    <h3>{{item.name}}</h3>
+                    <h3>{{ item.name }}</h3>
                     <h5>活动</h5>
                   </div>
-                  <time>{{item.protime}}</time>
+                  <time>{{ item.protime }}</time>
                 </div>
                 <dl>
                   <dt>
                     <img :src="imgUrl.tg" v-if="item.tid == 5" />
-                    <img :src="imgUrl.btg" v-else-if="item.tid == 4 || item.tid == 9" />
+                    <img
+                      :src="imgUrl.btg"
+                      v-else-if="item.tid == 4 || item.tid == 9"
+                    />
                     <img :src="imgUrl.zxz" v-else-if="item.tid == 10" />
+                    <img :src="imgUrl.wtj" v-else-if="item.tid == 1000" />
                     <img :src="imgUrl.shz" v-else />
                   </dt>
                   <dd>
                     <span class="iconfont icon-zuzhijiegou"></span>
-                    <span>{{item.party_id}}</span>
+                    <span>{{ item.party_id }}</span>
                   </dd>
                   <dd>
                     <span class="iconfont icon-weizhi"></span>
-                    <span>{{item.postaladdress}}</span>
+                    <span>{{ item.postaladdress }}</span>
                   </dd>
                   <dd>
                     <span class="iconfont icon-shenhetongguo1"></span>
-                    <span>当前申报阶段：{{item.status}}</span>
+                    <span>当前申报阶段：{{ item.status }}</span>
                   </dd>
                 </dl>
               </div>
@@ -167,16 +200,17 @@ export default {
         tg: require('../../../static/img/tg.png'),
         btg: require('../../../static/img/btg.png'),
         shz: require('../../../static/img/shz.png'),
-        zxz: require('../../../static/img/zxz.png')
+        zxz: require('../../../static/img/zxz.png'),
+        wtj: require('../../../static/img/wtj.png')
       },
       // text: ['全部', '项目初筛', '项目立项'],
       text: ['全部'],
       sub: 0,
       bgData: [],
       bgValue: [],
-      type_value: '全部',
-      status_value: '全部',
-      area_value: '全部',
+      type_value: '项目类型',
+      status_value: '项目状态',
+      area_value: '落地区域',
       value_date: '',
       start_time: '',
       end_time: '',
@@ -192,20 +226,32 @@ export default {
       this.start_time = this.value_date[0]
       // eslint-disable-next-line camelcase
       this.end_time = this.value_date[1]
-      this.getDataTwo(this.start_time, this.end_time, this.type_value, this.status_value, this.area_value)
+      this.getDataTwo(
+        this.start_time,
+        this.end_time,
+        this.type_value,
+        this.status_value,
+        this.area_value
+      )
     },
 
     /** 获取项目列表 */
-    getDataTwo (start_time = this.start_time, end_time = this.end_time, type = this.type_value, status = this.status_value, area = this.area_value) {
-      if (type === '全部') {
+    getDataTwo (
+      start_time = this.start_time,
+      end_time = this.end_time,
+      type = this.type_value,
+      status = this.status_value,
+      area = this.area_value
+    ) {
+      if (type === '项目类型') {
         this.type_value = ''
         type = ''
       }
-      if (status === '全部') {
+      if (status === '项目状态') {
         this.status_value = ''
         status = ''
       }
-      if (area === '全部') {
+      if (area === '落地区域') {
         this.area_value = ''
         area = ''
       }
@@ -223,28 +269,29 @@ export default {
           page: _this.currentPage,
           num: 4
         }
-      }).then(res => {
-        if (res.data.code === 200) {
-          _this.bgData = res.data.data.data
-          _this.totalCount = _this.bgData.allPage
-          _this.cd = _this.bgData.info.length
-        } else {
-          _this.$message.error('请求数据有问题！')
-        }
       })
+        .then(res => {
+          if (res.data.code === 200) {
+            _this.bgData = res.data.data.data
+            _this.totalCount = _this.bgData.allPage
+            _this.cd = _this.bgData.info.length
+          } else {
+            _this.$message.error('请求数据有问题！')
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
           console.log(err)
         })
 
       if (this.type_value === '') {
-        this.type_value = '全部'
+        this.type_value = '项目类型'
       }
       if (this.status_value === '') {
-        this.status_value = '全部'
+        this.status_value = '项目状态'
       }
       if (this.area_value === '') {
-        this.area_value = '全部'
+        this.area_value = '落地区域'
       }
     },
     /** 获取下拉框数据 */
@@ -254,14 +301,15 @@ export default {
         method: 'get',
         url: 'v1/project/get-info',
         data: {}
-      }).then(res => {
-        if (res.data.code === 200) {
-          _this.bgValue = res.data.data
-          // console.log(_this.bgValue)
-        } else {
-          _this.$message.error('请求数据有问题！')
-        }
       })
+        .then(res => {
+          if (res.data.code === 200) {
+            _this.bgValue = res.data.data
+            // console.log(_this.bgValue)
+          } else {
+            _this.$message.error('请求数据有问题！')
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
           console.log(err)
@@ -284,7 +332,7 @@ export default {
       this.getDataTwo()
       this.getPackData()
     },
-    getPackData () { }
+    getPackData () {}
   },
   created () {
     this.currentPage = Number(localStorage.getItem('page')) || 1
@@ -306,7 +354,7 @@ export default {
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .wra {
   width: 934px;
   height: 1240px;
@@ -591,7 +639,6 @@ export default {
 
         .three {
           // padding-left: 30px;
-          box-sizing: border-box;
           /* 清除默认的箭头样式 */
           appearance: none;
           -moz-appearance: none;
@@ -600,7 +647,8 @@ export default {
           background: url("../../../static/img/xa.png") 90% center no-repeat;
           background-size: 14px 8px;
           // width: 134px;
-          padding: 0px 30px;
+          padding: 0px 32px 0 30px;
+          box-sizing: border-box;
           height: 38px;
           background-color: #f9f8f8;
           border-radius: 4px;
diff --git a/src/views/project/Application.vue b/src/views/project/Application.vue
index d2b9347..7343f73 100644
--- a/src/views/project/Application.vue
+++ b/src/views/project/Application.vue
@@ -7,12 +7,22 @@
       <div class="box">
         <div
           :class="sub == 0 ? 'color' : ''"
-          :style="{'background-image': sub == 0 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
-        >1 填写基本信息</div>
+          :style="{
+            'background-image':
+              sub == 0 ? 'url(' + imgUrl.bg0 + ')' : 'url(' + imgUrl.bg1 + ')'
+          }"
+        >
+          1 填写基本信息
+        </div>
         <div
           :class="sub == 1 ? 'color' : ''"
-          :style="{'background-image': sub == 1 ? 'url('+imgUrl.bg0+')' : 'url('+imgUrl.bg1+')'}"
-        >2 填写详细信息</div>
+          :style="{
+            'background-image':
+              sub == 1 ? 'url(' + imgUrl.bg0 + ')' : 'url(' + imgUrl.bg1 + ')'
+          }"
+        >
+          2 填写详细信息
+        </div>
       </div>
       <form action method enctype="multipart/form-data" onsubmit="return false">
         <div v-show="sub == 0">
@@ -25,7 +35,13 @@
             </div>
             <div>
               <label>项目申报单位:</label>
-              <input type="text" name="company" v-model="company" value required />
+              <input
+                type="text"
+                name="company"
+                v-model="company"
+                value
+                required
+              />
             </div>
           </aside>
           <!-- end -->
@@ -34,16 +50,16 @@
             <div>
               <label>项目类型:</label>
               <select name="tid" v-model="tid">
-                <template v-for="(type,index) in types">
-                  <option :key="index" :value="index">{{type}}</option>
+                <template v-for="(type, index) in types">
+                  <option :key="index" :value="index">{{ type }}</option>
                 </template>
               </select>
             </div>
             <div>
               <label>项目落地区域:</label>
               <select name="rid" v-model="rid">
-                <template v-for="(list,index) in area">
-                  <option :key="index" :value="index">{{list}}</option>
+                <template v-for="(list, index) in area">
+                  <option :key="index" :value="index">{{ list }}</option>
                 </template>
               </select>
             </div>
@@ -54,15 +70,21 @@
             <div>
               <label>一级项目方向:</label>
               <select name="rid" v-model="first_level">
-                <template v-for="(list,index) in first_levels">
-                  <option :key="index" :value="index">{{list}}</option>
+                <template v-for="(list, index) in first_levels">
+                  <option :key="index" :value="index">{{ list }}</option>
                 </template>
               </select>
               <!-- <input type="text" name="first_level" v-model="first_level" value required /> -->
             </div>
             <div>
               <label>二级项目方向:</label>
-              <input type="text" name="secondary" v-model="secondary" value required />
+              <input
+                type="text"
+                name="secondary"
+                v-model="secondary"
+                value
+                required
+              />
             </div>
           </aside>
           <!-- end -->
@@ -70,11 +92,23 @@
           <aside>
             <div>
               <label>项目服务领域:</label>
-              <input type="text" name="fieldeara" v-model="fieldeara" value required />
+              <input
+                type="text"
+                name="fieldeara"
+                v-model="fieldeara"
+                value
+                required
+              />
             </div>
             <div>
               <label>申报单位属性:</label>
-              <input type="text" name="attribute" v-model="attribute" value required />
+              <input
+                type="text"
+                name="attribute"
+                v-model="attribute"
+                value
+                required
+              />
             </div>
           </aside>
           <!-- end -->
@@ -102,11 +136,23 @@
           <aside>
             <div>
               <label>通讯地址:</label>
-              <input type="text" name="postaladdress" v-model="postaladdress" value required />
+              <input
+                type="text"
+                name="postaladdress"
+                v-model="postaladdress"
+                value
+                required
+              />
             </div>
             <div>
               <label>邮政编码:</label>
-              <input type="text" name="postalcode" v-model="postalcode" value required />
+              <input
+                type="text"
+                name="postalcode"
+                v-model="postalcode"
+                value
+                required
+              />
             </div>
           </aside>
           <!-- end -->
@@ -118,7 +164,13 @@
             </div>
             <div>
               <label>传真电话:</label>
-              <input type="text" placeholder="非必填" name="fax_tel" v-model="fax_tel" value />
+              <input
+                type="text"
+                placeholder="非必填"
+                name="fax_tel"
+                v-model="fax_tel"
+                value
+              />
             </div>
           </aside>
           <!-- end -->
@@ -126,11 +178,23 @@
           <aside>
             <div>
               <label>法定代表人:</label>
-              <input type="text" name="plegal" v-model="plegal" value required />
+              <input
+                type="text"
+                name="plegal"
+                v-model="plegal"
+                value
+                required
+              />
             </div>
             <div>
               <label>统一社会信用代码:</label>
-              <input type="text" name="plcode" v-model="plcode" value required />
+              <input
+                type="text"
+                name="plcode"
+                v-model="plcode"
+                value
+                required
+              />
             </div>
           </aside>
           <!-- end -->
@@ -138,38 +202,94 @@
           <section>
             <div>
               <label>负责人姓名:</label>
-              <input class="i" type="text" name="pname" v-model="pname" value required />
+              <input
+                class="i"
+                type="text"
+                name="pname"
+                v-model="pname"
+                value
+                required
+              />
             </div>
             <div>
               <label>职务:</label>
-              <input class="i" type="text" name="poster" v-model="poster" value required />
+              <input
+                class="i"
+                type="text"
+                name="poster"
+                v-model="poster"
+                value
+                required
+              />
             </div>
             <div>
               <label>办公电话:</label>
-              <input class="i" type="text" name="poffice_tel" v-model="poffice_tel" value required />
+              <input
+                class="i"
+                type="text"
+                name="poffice_tel"
+                v-model="poffice_tel"
+                value
+                required
+              />
             </div>
             <div>
               <label>手机:</label>
-              <input class="i" type="text" name="aphone" v-model="aphone" value required />
+              <input
+                class="i"
+                type="text"
+                name="aphone"
+                v-model="aphone"
+                value
+                required
+              />
             </div>
           </section>
           <!-- end -->
           <section>
             <div>
               <label>联系人姓名:</label>
-              <input class="i" type="text" name="cname" v-model="cname" value required />
+              <input
+                class="i"
+                type="text"
+                name="cname"
+                v-model="cname"
+                value
+                required
+              />
             </div>
             <div>
               <label>职务:</label>
-              <input class="i" type="text" name="cpost" v-model="cpost" value required />
+              <input
+                class="i"
+                type="text"
+                name="cpost"
+                v-model="cpost"
+                value
+                required
+              />
             </div>
             <div>
               <label>办公电话:</label>
-              <input class="i" type="text" name="coffice_tel" v-model="coffice_tel" value required />
+              <input
+                class="i"
+                type="text"
+                name="coffice_tel"
+                v-model="coffice_tel"
+                value
+                required
+              />
             </div>
             <div>
               <label>手机:</label>
-              <input class="i" type="text" name="cphone" v-model="cphone" value required />
+              <input
+                class="i"
+                type="text"
+                name="cphone"
+                v-model="cphone"
+                value
+                required
+              />
             </div>
           </section>
           <!-- end -->
@@ -181,7 +301,14 @@
             <aside>
               <div>
                 <label>项目主责单位:</label>
-                <input class="i-i" type="text" name="prespo" v-model="prespo" value required />
+                <input
+                  class="i-i"
+                  type="text"
+                  name="prespo"
+                  v-model="prespo"
+                  value
+                  required
+                />
               </div>
             </aside>
             <!-- end -->
@@ -189,11 +316,23 @@
             <aside>
               <div>
                 <label>通讯地址:</label>
-                <input type="text" name="respoadd" v-model="respoadd" value required />
+                <input
+                  type="text"
+                  name="respoadd"
+                  v-model="respoadd"
+                  value
+                  required
+                />
               </div>
               <div>
                 <label>邮政编码:</label>
-                <input type="text" name="respopcode" v-model="respopcode" value required />
+                <input
+                  type="text"
+                  name="respopcode"
+                  v-model="respopcode"
+                  value
+                  required
+                />
               </div>
             </aside>
             <!-- end -->
@@ -201,11 +340,23 @@
             <aside>
               <div>
                 <label>电子邮箱:</label>
-                <input type="text" name="respomail" v-model="respomail" value required />
+                <input
+                  type="text"
+                  name="respomail"
+                  v-model="respomail"
+                  value
+                  required
+                />
               </div>
               <div>
                 <label>传真电话:</label>
-                <input type="text" placeholder="非必填" name="respophone" v-model="respophone" value />
+                <input
+                  type="text"
+                  placeholder="非必填"
+                  name="respophone"
+                  v-model="respophone"
+                  value
+                />
               </div>
             </aside>
             <!-- end -->
@@ -213,11 +364,25 @@
             <section>
               <div>
                 <label>负责人姓名:</label>
-                <input class="i" type="text" name="respopname" v-model="respopname" value required />
+                <input
+                  class="i"
+                  type="text"
+                  name="respopname"
+                  v-model="respopname"
+                  value
+                  required
+                />
               </div>
               <div>
                 <label>职务:</label>
-                <input class="i" type="text" name="respopost" v-model="respopost" value required />
+                <input
+                  class="i"
+                  type="text"
+                  name="respopost"
+                  v-model="respopost"
+                  value
+                  required
+                />
               </div>
               <div>
                 <label>办公电话:</label>
@@ -246,11 +411,25 @@
             <section>
               <div>
                 <label>联系人姓名:</label>
-                <input class="i" type="text" name="respocname" v-model="respocname" value required />
+                <input
+                  class="i"
+                  type="text"
+                  name="respocname"
+                  v-model="respocname"
+                  value
+                  required
+                />
               </div>
               <div>
                 <label>职务:</label>
-                <input class="i" type="text" name="respocpost" v-model="respocpost" value required />
+                <input
+                  class="i"
+                  type="text"
+                  name="respocpost"
+                  v-model="respocpost"
+                  value
+                  required
+                />
               </div>
               <div>
                 <label>办公电话:</label>
@@ -280,18 +459,36 @@
           <div>
             <div class="xx">
               <h5>二、申报单位简介</h5>
-              <textarea value name="decldes" v-model="decldes" required></textarea>
+              <textarea
+                value
+                name="decldes"
+                v-model="decldes"
+                required
+              ></textarea>
             </div>
             <div class="xx">
               <h5>三、项目简介</h5>
-              <textarea value name="prodes" v-model="prodes" required></textarea>
+              <textarea
+                value
+                name="prodes"
+                v-model="prodes"
+                required
+              ></textarea>
             </div>
             <div class="xx">
               <h5>四、项目论证</h5>
               <h3>(一) 项目实施的必要性、可行性</h3>
-              <textarea value name="prodemo" v-model="prodemo" required></textarea>
+              <textarea
+                value
+                name="prodemo"
+                v-model="prodemo"
+                required
+              ></textarea>
 
-              <h3>(二) 项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间</h3>
+              <h3>
+                (二)
+                项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间
+              </h3>
               <p>1.项目实施的已有基础</p>
               <textarea
                 value
@@ -336,14 +533,24 @@
                 placeholder="(说明:包括项目实施的组织管理机构组成,各子项目或各项服务活动的具体承接单位和负责人,各有关协作单位等。如有以主责单位名义申报的综合性、联合性项目,要细化各子项目的组织实施体系。如有涉及到委托管理(如财务委托管理)的,要在组织架构中予以说明。要把可能引起转包怀疑的所有事项交代清楚,避免在检查、审计和评估中产生误解。)"
               ></textarea>
 
-              <h3>(三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等</h3>
-              <textarea required name="prodemotwo" v-model="prodemotwo" value></textarea>
+              <h3>
+                (三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等
+              </h3>
+              <textarea
+                required
+                name="prodemotwo"
+                v-model="prodemotwo"
+                value
+              ></textarea>
             </div>
             <div class="xx">
               <h5>五、经费预算</h5>
               <!-- <textarea name="funds" v-model="funds" required value></textarea> -->
               <div id="rich">
-                <rich-text-one @quillVal="quillVal" :initialText="initialText"></rich-text-one>
+                <rich-text-one
+                  @quillVal="quillVal"
+                  :initialText="initialText"
+                ></rich-text-one>
               </div>
             </div>
             <div class="xxx">
@@ -374,24 +581,14 @@
                     :file-list="fileLists"
                   >
                     <el-button size="small" type="primary">上传文件</el-button>
-                    <div slot="tip" class="el-upload__tip">可上传同意申报说明扫描版PDF文件或图片压缩包。</div>
+                    <div slot="tip" class="el-upload__tip">
+                      可上传同意申报说明扫描版PDF文件或图片压缩包。
+                    </div>
                   </el-upload>
                 </template>
-
-                <!-- <div class="btnn">
-                  <label>
-                    上传文件
-                    <input type="file" @change="getFile($event)" v-show="false" name="file" />
-                  </label>
-                </div>
-                <span for>只能上传一张不同的图片</span>-->
               </div>
             </div>
           </div>
-          <!-- <template v-if="file">
-          <img class="img-img" :src="file" alt />-->
-          <!-- <iframe class="img-img"  frameborder="0" scrolling="no" marginheight="0" marginwidth="0" :src="src"></iframe> -->
-          <!-- </template> -->
           <div class="ll">
             <button type="button" @click="btn(0)">上一页</button>
             <button type="button" @click="submit(0)">保存</button>
@@ -401,7 +598,7 @@
       </form>
       <div class="queren" v-if="popupStatus">
         <div>
-          <p>{{subStatus==0?'是否保存申报项目':'是否确认申报项目'}}</p>
+          <p>{{ subStatus == 0 ? "是否保存申报项目" : "是否确认申报项目" }}</p>
           <div>
             <span @click="popupStatus = !popupStatus">否</span>
             <span @click="submitYes">是</span>
@@ -420,10 +617,10 @@ import HeaderNav from "../../components/HeaderNav";
 import FooterNav from "../../components/FooterNav";
 import RichTextOne from "../../components/RichTextOne";
 // import RegisteredVue from '../Registered.vue';
-const T_T = new Date()
-var preD = function (e) {
-  e.preventDefault()
-}
+const T_T = new Date();
+var preD = function(e) {
+  e.preventDefault();
+};
 export default {
   components: {
     HeaderNav,
@@ -436,7 +633,8 @@ export default {
       index_num: 2,
       sub: 0,
       bgData: null,
-      initialText: '',
+      initialText: "",
+      thff: false,
       imgUrl: {
         bg0: require("../../../static/img/bg0.png"),
         bg1: require("../../../static/img/bg1.png"),
@@ -444,62 +642,58 @@ export default {
       },
       fileLists: [],
       popupStatus: false,
-      thff: false,
       first_levels: [],
       types: [],
       area: [],
-      name: '',
-      company: '',
-      tid: '',
-      rid: '',
-      first_level: '',
-      secondary: '',
-      fieldeara: '',
-      attribute: '',
-      aterm: '',
-      fterm: '',
-      postaladdress: '',
-      postalcode: '',
-      pmail: '',
-      fax_tel: '',
-      plegal: '',
-      plcode: '',
-      pname: '',
-      poster: '',
-      poffice_tel: '',
-      aphone: '',
-      cname: '',
-      cpost: '',
-      coffice_tel: '',
-      cphone: '',
-      prespo: '',
-      respoadd: '',
-      respopcode: '',
-      respomail: '',
-      respophone: '',
-      respoctel: '',
-      respopname: '',
-      respopost: '',
-      respoophone: '',
-      respoptel: '',
-      respocname: '',
-      respocpost: '',
-      respocophone: '',
-      decldes: '',
-      prodes: '',
-      prodemo: '',
-      prodemojc: '',
-      prodemotj: '',
-      prodemojd: '',
-      prodemoxg: '',
-      prodemofg: '',
-      prodemotwo: '',
-      funds: '',
-      proimages: '',
-      file: '',
+      name: "",
+      company: "",
+      tid: "",
+      rid: "",
+      first_level: "",
+      secondary: "",
+      fieldeara: "",
+      attribute: "",
+      aterm: "",
+      fterm: "",
+      postaladdress: "",
+      postalcode: "",
+      pmail: "",
+      fax_tel: "",
+      plegal: "",
+      plcode: "",
+      pname: "",
+      poster: "",
+      poffice_tel: "",
+      aphone: "",
+      cname: "",
+      cpost: "",
+      coffice_tel: "",
+      cphone: "",
+      prespo: "",
+      respoadd: "",
+      respopcode: "",
+      respomail: "",
+      respophone: "",
+      respoctel: "",
+      respopname: "",
+      respopost: "",
+      respoophone: "",
+      respoptel: "",
+      respocname: "",
+      respocpost: "",
+      respocophone: "",
+      decldes: "",
+      prodes: "",
+      prodemo: "",
+      prodemojc: "",
+      prodemotj: "",
+      prodemojd: "",
+      prodemoxg: "",
+      prodemofg: "",
+      prodemotwo: "",
+      funds: "",
+      proimages: "",
       subStatus: 0,
-      src: '',
-      pictureHeight: '',
       picture: []
     };
   },
@@ -507,24 +701,22 @@ export default {
   watch: {
     popupStatus(val) {
       if (val) {
-        document.body.style.overflow = 'hidden'
-        document.addEventListener('touchmove', preD, {
+        document.body.style.overflow = "hidden";
+        document.addEventListener("touchmove", preD, {
           passive: false
-        }) /** 禁止页面滑动 */
+        }); /** 禁止页面滑动 */
       } else {
-        document.body.style.overflow = '' /**出现滚动条 */
-        document.removeEventListener('touchmove', preD, { passive: false })
+        document.body.style.overflow = ""; /**出现滚动条 */
+        document.removeEventListener("touchmove", preD, { passive: false });
       }
     }
   },
   methods: {
     successUpload(response, file, fileList) {
-      this.picture.push(
-        {
-          name: file.name,
-          url: file.response.data.url
-        }
-      )
+      this.picture.push({
+        name: file.name,
+        url: file.response.data.url
+      });
     },
     handleRemove(file, fileList) {
       console.log(file, fileList);
@@ -533,14 +725,18 @@ export default {
       console.log(file);
     },
     handleExceed(files, fileList) {
-      this.$message.warning(`当前限制选择 10 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+      this.$message.warning(
+        `当前限制选择 10 个文件，本次选择了 ${
+          files.length
+        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
+      );
     },
     beforeRemove(file, fileList) {
       return this.$confirm(`确定移除 ${file.name} ?`);
     },
     /** 获取富文本内容 */
     quillVal(data) {
-      this.initialText = data
+      this.initialText = data;
     },
     /** 申报单位承诺 */
     thf() {
@@ -548,181 +744,148 @@ export default {
     },
     /** 下一步 */
     btn(index) {
-      let regd = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
-      let regs = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
+      let regd = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;
+      let regs = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/;
       let s = this.sub;
       s = index;
 
       if (s == 0) {
-        this.sub = s
+        this.sub = s;
       }
-
       // this.sub = s
-
-      let aterm = new Date(this.aterm).getTime()
-      let fterm = new Date(this.fterm).getTime()
-
-      // if (!regs.test(this.aphone) || !regs.test(this.cphone)) {
-      //   alert('请填写正确的手机号码！')
-      //   return
-      // }else{
-      //   alert('yes')
-      // }
-
-      // console.log(this.first_level);
+      let aterm = new Date(this.aterm).getTime();
+      let fterm = new Date(this.fterm).getTime();
 
       if (s == 1) {
-        if (this.name == '' || this.company == '' || this.tid == '' ||
-          this.rid == '' || this.first_level == '' || this.secondary == '' ||
-          this.fieldeara == '' || this.attribute == '' || this.aterm == '' ||
-          this.fterm == '' || this.postaladdress == '' || this.postalcode == '' ||
-          this.pmail == '' || this.plegal == '' || this.plcode == '' ||
-          this.pname == '' || this.poster == '' || this.poffice_tel == '' ||
-          this.aphone == '' || this.cname == '' || this.cpost == '' || this.coffice_tel == '' ||
-          this.cphone == ''
+        if (
+          this.name == "" ||
+          this.company == "" ||
+          this.tid == "" ||
+          this.rid === "" ||
+          this.first_level == "" ||
+          this.secondary == "" ||
+          this.fieldeara == "" ||
+          this.attribute == "" ||
+          this.aterm == "" ||
+          this.fterm == "" ||
+          this.postaladdress == "" ||
+          this.postalcode == "" ||
+          this.pmail == "" ||
+          this.plegal == "" ||
+          this.plcode == "" ||
+          this.pname == "" ||
+          this.poster == "" ||
+          this.poffice_tel == "" ||
+          this.aphone == "" ||
+          this.cname == "" ||
+          this.cpost == "" ||
+          this.coffice_tel == "" ||
+          this.cphone == ""
         ) {
-          alert('以上内容不可为空！')
-          return
+          alert("以上内容不可为空！");
+          return;
         } else if (this.aterm > this.fterm) {
-          alert('截止日期应比申请日期晚')
-          return
-        } else if (!regd.test(this.poffice_tel) || !regd.test(this.coffice_tel)) {
-          alert('请填写正确的电话号码！')
-          return
-        } if (!regs.test(this.aphone) || !regs.test(this.cphone)) {
-          alert('请填写正确的手机号码！')
-          return
+          alert("截止日期应比申请日期晚");
+          return;
+        } else if (
+          !regd.test(this.poffice_tel) ||
+          !regd.test(this.coffice_tel)
+        ) {
+          alert("请填写正确的电话号码！");
+          return;
+        }
+        if (!regs.test(this.aphone) || !regs.test(this.cphone)) {
+          alert("请填写正确的手机号码！");
+          return;
         } else {
-          this.sub = s
+          this.sub = s;
         }
       }
     },
-    /** 上传文件 */
-    /*
-    getFile(event) {
 
-      // let filetypes = [".jpg", ".png", ".jpeg"]
-      // let filepath = event.target.value
-      // if (filepath) {
-      //   var isnext = false;
-      //   var fileend = filepath.substring(filepath.lastIndexOf("."));
-      //   if (filetypes && filetypes.length > 0) {
-      //     for (var i = 0; i < filetypes.length; i++) {
-      //       if (filetypes[i] == fileend) {
-      //         isnext = true;
-      //         break;
-      //       }
-      //     }
-      //   }
-      //   if (!isnext) {
-      //     alert("不接受此文件类型！");
-      //     return false;
-      //   }
-      // }
-      // let filemaxsize = 1024;//1M
-      // let fileSize = event.target.files[0].size / 1024;
-      // if (fileSize > filemaxsize) {
-      //   alert("附件大小不能大于" + filemaxsize / 1024 + "M！");
-      //   return false;
-      // }
-
-
-      // let _this = this
-      // let file = event.target.files[0];
-
-      // console.log(file)
-
-
-      // let reader = new FileReader()
-      // reader.readAsDataURL(file) // 这里是最关键的一步，转换就在这里
-      // reader.onloadend = function () {
-      //   _this.src = this.result
-      // }
-
-      // let param = new FormData(); //创建form对象
-      // param.append('file', file);//通过append向form对象添加数据
-      // // console.log(param.get('file')); //FormData私有类对象，访问不到，可以通过get判断值是否传进去
-      // let config = {
-      //   headers: { 'Content-Type': 'multipart/form-data' }
-      // }; //添加请求头
-      // this.$http.post('v1/file/files', param, config)
-      //   .then(response => {
-      //     let url = response.data.data.url
-      //     this.file = url
-      //   })
-    },
-    */
     /** 保存和提交 */
     submit(index) {
-      let regd = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/
-      let regs = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
+      let regd = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;
+      let regs = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/;
 
-      let text = this.funds
-      text = this.initialText
-      this.funds = text
+      let text = this.funds;
+      text = this.initialText;
+      this.funds = text;
+
+      this.proimages = [...this.fileLists, ...this.picture];
 
       if (this.sub == 1) {
-        if (this.prespo == '' || this.respoadd == '' || this.respopcode == '' ||
-          this.respomail == '' || this.respopname == '' ||
-          this.respopost == '' || this.respoophone == '' ||
-          this.respocname == '' || this.respocpost == '' || this.respocophone == '' ||
-          this.decldes == '' || this.prodes == '' ||
-          this.prodemo == '' || this.prodemojc == '' || this.prodemotj == '' ||
-          this.prodemojd == '' || this.prodemoxg == '' || this.prodemofg == '' ||
-          this.prodemotwo == '' || this.funds == ''
+        if (
+          this.prespo == "" ||
+          this.respoadd == "" ||
+          this.respopcode == "" ||
+          this.respomail == "" ||
+          this.respopname == "" ||
+          this.respopost == "" ||
+          this.respoophone == "" ||
+          this.respocname == "" ||
+          this.respocpost == "" ||
+          this.respocophone == "" ||
+          this.decldes == "" ||
+          this.prodes == "" ||
+          this.prodemo == "" ||
+          this.prodemojc == "" ||
+          this.prodemotj == "" ||
+          this.prodemojd == "" ||
+          this.prodemoxg == "" ||
+          this.prodemofg == "" ||
+          this.prodemotwo == "" ||
+          this.funds == ""
         ) {
-          alert('以上内容不可为空！')
-          return
-        } else if (!regd.test(this.respoophone) || !regd.test(this.respocophone)) {
-          alert('请填写正确的电话号码！')
-          return
+          alert("以上内容不可为空！");
+          return;
+        } else if (
+          !regd.test(this.respoophone) ||
+          !regd.test(this.respocophone)
+        ) {
+          alert("请填写正确的电话号码！");
+          return;
         } else if (this.thff == false) {
-          alert('请同意：申报单位承诺')
-          return
-        } else if (this.picture.length == 0) {
-          alert('未上传文件！')
-          return
+          alert("请同意：申报单位承诺");
+          return;
+        } else if (this.proimages.length == 0) {
+          alert("未上传文件！");
+          return;
         }
       } else {
-        alert('数据出错！')
-        return
+        alert("数据出错！");
+        return;
       }
 
-      if (this.respoptel != '' && !regs.test(this.respoptel)) {
-        alert('请填写正确的手机号码！')
+      if (this.respoptel != "" && !regs.test(this.respoptel)) {
+        alert("请填写正确的手机号码！");
         return false;
       }
-      if (this.respoctel != '' && !regs.test(this.respoctel)) {
-        alert('请填写正确的手机号码！')
+      if (this.respoctel != "" && !regs.test(this.respoctel)) {
+        alert("请填写正确的手机号码！");
         return false;
       }
 
-      // console.log(this.funds, '提交时打印');
-
       let s = this.subStatus;
       s = index;
-      this.subStatus = s
-      let val = this.proimages
-      val = JSON.stringify(this.picture)
-      this.proimages = val
-      console.log(this.proimages, 659);
-      return false;
+      this.subStatus = s;
+      let val = this.proimages;
+      val = JSON.stringify(this.proimages);
+      this.proimages = val;
 
-
-      if (this.proimages.length == 0) {
-        alert('文件还未上传！')
-        return
+      if (this.proimages == "") {
+        alert("文件还未上传！");
+        return;
       }
-      // console.log(this.proimages);
-      this.popupStatus = true
+      this.popupStatus = true;
     },
     /** 申报项目 */
     submitYes() {
-      this.popupStatus = false
-      let _this = this
+      this.popupStatus = false;
+      let _this = this;
       this.$http({
-        method: 'post',
-        url: 'v1/project/apply',
+        method: "post",
+        url: "v1/project/apply",
         data: {
           subStatus: _this.subStatus,
           name: _this.name,
@@ -774,181 +937,185 @@ export default {
           funds: _this.funds,
           proimages: _this.proimages
         }
-      }).then(res => {
-        console.log(res);
-
-        if (res.data.code === 200) {
-          if (res.data.data.code === 200) {
-            alert(res.data.data.msg)
-            _this.proimages = ''
-            _this.$router.push({
-              name: 'project'
-            })
-          } else {
-            alert(res.data.data.msg)
-          }
-        } else {
-          alert(res.data.message)
-        }
       })
+        .then(res => {
+          console.log(res);
+
+          if (res.data.code === 200) {
+            if (res.data.data.code === 200) {
+              alert(res.data.data.msg);
+              _this.proimages = "";
+              _this.$router.push({
+                name: "project"
+              });
+            } else {
+              alert(res.data.data.msg);
+            }
+          } else {
+            alert(res.data.message);
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log(err)
-        })
+          console.log(err);
+        });
     },
     /** 获取下拉框的数据 */
     getData() {
-      let _this = this
+      let _this = this;
       this.$http({
-        method: 'get',
-        url: 'v1/project/get-info',
+        method: "get",
+        url: "v1/project/get-info",
         data: {}
-      }).then(res => {
-        if (res.data.code === 200) {
-          _this.types = res.data.data.type
-          _this.area = res.data.data.area
-          _this.first_levels = res.data.data.first_level
-          if (this.$route.query.id) {
-            let id = this.$route.query.id;
-            this.getDataDetails(id)
-          }
-        } else {
-          _this.$message.error('请求数据有问题！')
-        }
       })
+        .then(res => {
+          if (res.data.code === 200) {
+            _this.types = res.data.data.type;
+            _this.area = res.data.data.area;
+            _this.first_levels = res.data.data.first_level;
+            if (this.$route.query.id) {
+              let id = this.$route.query.id;
+              this.getDataDetails(id);
+            }
+          } else {
+            _this.$message.error("请求数据有问题！");
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log(err)
-        })
+          console.log(err);
+        });
     },
     /** 判断是否有权限进行项目申报 */
     status() {
-      let id = sessionStorage.id
-      let _this = this
+      let id = sessionStorage.id;
+      let _this = this;
       this.$http({
-        method: 'post',
-        url: 'v1/society/get-status',
+        method: "post",
+        url: "v1/society/get-status",
         data: { id: id }
-      }).then(res => {
-        if (res.data.code === 200) {
-          if (res.data.data.status === 0) {
-            alert('您当前的社会状态为：黑名单！')
-            _this.$router.push({
-              name: 'project'
-            })
-          } else if (res.data.data.status === 3) {
-            alert('您当前的社会状态为：待审核！')
-            _this.$router.push({
-              name: 'project'
-            })
-          } else {
-            _this.getData()
-          }
-        } else {
-          _this.$message.error('请求数据有问题！')
-        }
       })
+        .then(res => {
+          if (res.data.code === 200) {
+            if (res.data.data.status === 0) {
+              alert("您当前的社会状态为：黑名单！");
+              _this.$router.push({
+                name: "project"
+              });
+            } else if (res.data.data.status === 3) {
+              alert("您当前的社会状态为：待审核！");
+              _this.$router.push({
+                name: "project"
+              });
+            } else {
+              _this.getData();
+            }
+          } else {
+            _this.$message.error("请求数据有问题！");
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log(err)
-        })
+          console.log(err);
+        });
     },
+    /** 为提交时的赋值操作 */
     assignment(data) {
-      this.name = data.name
-      this.company = data.company
+      this.name = data.name;
+      this.company = data.company;
       for (var prop in this.types) {
         if (data.tid == this.types[prop]) {
-          this.tid = prop
+          this.tid = prop;
         }
       }
       this.area.forEach((item, index) => {
         if (data.rid == item) {
-          this.rid = parseInt(index)
+          this.rid = parseInt(index);
         }
-      })
+      });
       for (var prop in this.first_levels) {
         if (data.first_level == this.first_levels[prop]) {
-          this.first_level = prop
+          this.first_level = prop;
         }
       }
-      this.secondary = data.secondary
-      this.fieldeara = data.fieldeara
-      this.attribute = data.attribute
-      this.attribute = data.attribute
-      this.fterm = data.fterm
-      this.postaladdress = data.postaladdress
-      this.postalcode = data.postalcode
-      this.pmail = data.pmail
-      this.fax_tel = data.fax_tel
-      this.plegal = data.plegal
-      this.plcode = data.plcode
-      this.pname = data.pname
-      this.poster = data.poster
-      this.poffice_tel = data.poffice_tel
-      this.aphone = data.aphone
-      this.cname = data.cname
-      this.cpost = data.cpost
-      this.coffice_tel = data.coffice_tel
-      this.cphone = data.cphone
-      this.prespo = data.prespo
-      this.respoadd = data.respoadd
-      this.respopcode = data.respopcode
-      this.respomail = data.respomail
-      this.respophone = data.respophone
-      this.respopname = data.respopname
-      this.respopost = data.respopost
-      this.respoophone = data.respoophone
-      this.respoptel = data.respoptel
-      this.respocname = data.respocname
-      this.respocpost = data.respocpost
-      this.respocophone = data.respocophone
-      this.respoctel = data.respoctel
-      this.decldes = data.decldes
-      this.prodes = data.prodes
-      this.prodemo = data.prodemo
-      this.prodemojc = data.prodemojc
-      this.prodemotj = data.prodemotj
-      this.prodemojd = data.prodemojd
-      this.prodemoxg = data.prodemoxg
-      this.prodemofg = data.prodemofg
-      this.prodemotwo = data.prodemotwo
-      this.prodemojc = data.prodemojc
-      this.initialText = data.funds
+      this.secondary = data.secondary;
+      this.fieldeara = data.fieldeara;
+      this.attribute = data.attribute;
+      this.attribute = data.attribute;
+      this.fterm = data.fterm;
+      this.postaladdress = data.postaladdress;
+      this.postalcode = data.postalcode;
+      this.pmail = data.pmail;
+      this.fax_tel = data.fax_tel;
+      this.plegal = data.plegal;
+      this.plcode = data.plcode;
+      this.pname = data.pname;
+      this.poster = data.poster;
+      this.poffice_tel = data.poffice_tel;
+      this.aphone = data.aphone;
+      this.cname = data.cname;
+      this.cpost = data.cpost;
+      this.coffice_tel = data.coffice_tel;
+      this.cphone = data.cphone;
+      this.prespo = data.prespo;
+      this.respoadd = data.respoadd;
+      this.respopcode = data.respopcode;
+      this.respomail = data.respomail;
+      this.respophone = data.respophone;
+      this.respopname = data.respopname;
+      this.respopost = data.respopost;
+      this.respoophone = data.respoophone;
+      this.respoptel = data.respoptel;
+      this.respocname = data.respocname;
+      this.respocpost = data.respocpost;
+      this.respocophone = data.respocophone;
+      this.respoctel = data.respoctel;
+      this.decldes = data.decldes;
+      this.prodes = data.prodes;
+      this.prodemo = data.prodemo;
+      this.prodemojc = data.prodemojc;
+      this.prodemotj = data.prodemotj;
+      this.prodemojd = data.prodemojd;
+      this.prodemoxg = data.prodemoxg;
+      this.prodemofg = data.prodemofg;
+      this.prodemotwo = data.prodemotwo;
+      this.prodemojc = data.prodemojc;
+      this.initialText = data.funds;
 
-      // let index = _this.data.proimages.lastIndexOf("\/")
-      // let name = data.proimages.substring(index + 1, data.proimages.length)
-      // this.fileList = this.proimages
+      let imgs = JSON.parse(data.proimages);
+      this.fileLists = imgs;
+      // console.log(this.fileLists);
     },
     getDataDetails(id) {
       this.$http({
-        method: 'post',
-        url: 'v1/project/details',
+        method: "post",
+        url: "v1/project/details",
         data: {
           id: id
         }
-      }).then(res => {
-        if (res.data.data.code === 200) {
-          this.bgData = res.data.data.data.ProjectDetails
-          this.assignment(this.bgData)
-        } else {
-          alert('请求失败！')
-        }
       })
+        .then(res => {
+          if (res.data.data.code === 200) {
+            this.bgData = res.data.data.data.ProjectDetails;
+            this.assignment(this.bgData);
+          } else {
+            alert("请求失败！");
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log(err)
-        })
+          console.log(err);
+        });
     }
   },
-  created() {
-  },
+  created() {},
   mounted() {
-    this.status()
+    this.status();
   }
 };
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 #rich {
   width: 100%;
   margin: 30px auto 30px;
@@ -969,6 +1136,7 @@ export default {
   box-sizing: border-box;
 
   .queren {
+    z-index: 999;
     width: 100%;
     height: 100%;
     position: fixed;
@@ -1028,13 +1196,13 @@ export default {
         justify-content: center;
         align-items: center;
 
-        button[type='button'] {
+        button[type="button"] {
           margin-right: 152px;
           width: 197px;
           height: 63px;
           background-color: #ff9800;
           border-radius: 5px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 26px;
           font-weight: normal;
           font-stretch: normal;
@@ -1046,12 +1214,12 @@ export default {
           border: 0;
         }
 
-        button[type='submit'] {
+        button[type="submit"] {
           width: 197px;
           height: 63px;
           background-color: #e60012;
           border-radius: 5px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 26px;
           font-weight: normal;
           font-stretch: normal;
@@ -1078,7 +1246,7 @@ export default {
           align-items: center;
           label {
             margin-left: 16px;
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 16px;
             font-weight: normal;
             font-stretch: normal;
@@ -1106,7 +1274,7 @@ export default {
             line-height: 32px;
             text-align: center;
             margin-left: 25px;
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 16px;
             font-weight: normal;
             font-stretch: normal;
@@ -1133,7 +1301,7 @@ export default {
                 #e60012 100%
               ),
               linear-gradient(#e60012, #e60012);
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 16px;
             font-weight: normal;
             font-stretch: normal;
@@ -1191,7 +1359,7 @@ export default {
           align-items: center;
 
           label {
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 16px;
             font-weight: normal;
             font-stretch: normal;
@@ -1218,7 +1386,7 @@ export default {
           border: solid 1px #c7c7c7;
           resize: none;
 
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1229,7 +1397,7 @@ export default {
 
         p {
           margin-top: 38px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 20px;
           font-weight: normal;
           font-stretch: normal;
@@ -1239,7 +1407,7 @@ export default {
 
         h5 {
           width: 100%;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 20px;
           font-weight: normal;
           font-stretch: normal;
@@ -1249,7 +1417,7 @@ export default {
 
         h3 {
           width: 100%;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 20px;
           font-weight: normal;
           font-stretch: normal;
@@ -1273,7 +1441,7 @@ export default {
               display: inline-block;
               // width: 101px;
               height: 43px;
-              font-family: 'MicrosoftYaHei';
+              font-family: "MicrosoftYaHei";
               font-size: 16px;
               font-weight: normal;
               font-stretch: normal;
@@ -1291,7 +1459,7 @@ export default {
               border: solid 1px #c7c7c7;
               outline: none;
               margin-left: 20px;
-              font-family: 'MicrosoftYaHei';
+              font-family: "MicrosoftYaHei";
               font-size: 18px;
               font-weight: normal;
               font-stretch: normal;
@@ -1308,7 +1476,7 @@ export default {
         height: 63px;
         background-color: #e60012;
         border-radius: 5px;
-        font-family: 'MicrosoftYaHei';
+        font-family: "MicrosoftYaHei";
         font-size: 26px;
         font-weight: normal;
         font-stretch: normal;
@@ -1330,7 +1498,7 @@ export default {
           display: inline-block;
           width: 130px;
           height: 43px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 16px;
           font-weight: normal;
           font-stretch: normal;
@@ -1347,7 +1515,7 @@ export default {
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url('../../../static/img/xa.png') 360px center no-repeat;
+          background: url("../../../static/img/xa.png") 360px center no-repeat;
           background-size: 14px 8px;
           width: 386px;
           height: 43px;
@@ -1357,7 +1525,7 @@ export default {
           box-sizing: border-box;
           outline: none;
           margin-left: 20px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1373,7 +1541,7 @@ export default {
           border: solid 1px #c7c7c7;
           outline: none;
           margin-left: 20px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1388,7 +1556,7 @@ export default {
           border: solid 1px #c7c7c7;
           outline: none;
           margin-left: 20px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1409,7 +1577,7 @@ export default {
           display: inline-block;
           width: 100px;
           height: 43px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 16px;
           font-weight: normal;
           font-stretch: normal;
@@ -1426,7 +1594,7 @@ export default {
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url('../../../static/img/xa.png') 360px center no-repeat;
+          background: url("../../../static/img/xa.png") 360px center no-repeat;
           background-size: 14px 8px;
           width: 386px;
           height: 43px;
@@ -1436,7 +1604,7 @@ export default {
           box-sizing: border-box;
           outline: none;
           margin-left: 20px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1452,7 +1620,7 @@ export default {
           border: solid 1px #c7c7c7;
           outline: none;
           margin-left: 20px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1467,7 +1635,7 @@ export default {
           border: solid 1px #c7c7c7;
           outline: none;
           margin-left: 20px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -1479,7 +1647,7 @@ export default {
       h4 {
         width: 1138px;
         height: 38px;
-        font-family: 'MicrosoftYaHei';
+        font-family: "MicrosoftYaHei";
         font-size: 20px;
         font-weight: normal;
         font-stretch: normal;
@@ -1503,7 +1671,7 @@ export default {
         width: 192px;
         height: 34px;
         background-size: 100% 100%;
-        font-family: 'MicrosoftYaHei';
+        font-family: "MicrosoftYaHei";
         font-size: 14px;
         font-weight: normal;
         font-stretch: normal;
@@ -1522,7 +1690,7 @@ export default {
       width: 89px;
       height: 23px;
       margin: 0 auto;
-      font-family: 'MicrosoftYaHei';
+      font-family: "MicrosoftYaHei";
       font-size: 22px;
       font-weight: normal;
       font-stretch: normal;
diff --git a/src/views/project/Project.vue b/src/views/project/Project.vue
index 106f041..d8e2b9c 100644
--- a/src/views/project/Project.vue
+++ b/src/views/project/Project.vue
@@ -10,12 +10,20 @@
             <span>{{list.name + list.pro_content}}</span>
             <time>{{list.protime}}</time>
           </aside>-->
-          <span>{{bgValue.announcement[0].name + bgValue.announcement[0].pro_content}}</span>
-          <time>{{bgValue.announcement[0].protime}}</time>
+          <span>{{
+            bgValue.announcement[0].name + bgValue.announcement[0].pro_content
+          }}</span>
+          <time>{{ bgValue.announcement[0].protime }}</time>
         </div>
         <div v-else>
           <span>暂无项目申报内容</span>
-          <time>{{new Date().getFullYear() + '-' + (new Date().getMonth()+1) + '-' + new Date().getDate()}}</time>
+          <time>{{
+            new Date().getFullYear() +
+              "-" +
+              (new Date().getMonth() + 1) +
+              "-" +
+              new Date().getDate()
+          }}</time>
         </div>
       </div>
       <div class="bottom">
@@ -26,25 +34,25 @@
             <div>
               <section>
                 <span>初筛通过</span>
-                <span>{{bgValue.overview_one}}</span>
+                <span>{{ bgValue.overview_one }}</span>
               </section>
             </div>
             <div>
               <section>
                 <span>立项通过</span>
-                <span>{{bgValue.overview_two}}</span>
+                <span>{{ bgValue.overview_two }}</span>
               </section>
             </div>
             <div>
               <section>
                 <span>执行中</span>
-                <span>{{bgValue.overview_three}}</span>
+                <span>{{ bgValue.overview_three }}</span>
               </section>
             </div>
             <div>
               <section>
                 <span>已完结</span>
-                <span>{{bgValue.overview_four}}</span>
+                <span>{{ bgValue.overview_four }}</span>
               </section>
             </div>
           </div>
@@ -63,22 +71,37 @@
               @change="bolting()"
             ></el-date-picker>
           </div>
-          <select class="two" v-model="type_value" name="type" @change="bolting()">
-            <option>全部</option>
-            <template v-for="(type,index) in bgValue.type">
-              <option :key="index" :value="index">{{type}}</option>
+          <select
+            class="two"
+            v-model="type_value"
+            name="type"
+            @change="bolting()"
+          >
+            <option>项目类型</option>
+            <template v-for="(type, index) in bgValue.type">
+              <option :key="index" :value="index">{{ type }}</option>
             </template>
           </select>
-          <select class="two" v-model="status_value" name="status" @change="bolting()">
-            <option>全部</option>
-            <template v-for="(status,index) in bgValue.status">
-              <option :key="index" :value="index">{{status}}</option>
+          <select
+            class="two"
+            v-model="status_value"
+            name="status"
+            @change="bolting()"
+          >
+            <option>项目状态</option>
+            <template v-for="(status, index) in bgValue.status">
+              <option :key="index" :value="index">{{ status }}</option>
             </template>
           </select>
-          <select class="three" v-model="area_value" name="area" @change="bolting()">
-            <option>全部</option>
-            <template v-for="(area,index) in bgValue.area">
-              <option :key="index" :value="index">{{area}}</option>
+          <select
+            class="three"
+            v-model="area_value"
+            name="area"
+            @change="bolting()"
+          >
+            <option>落地区域</option>
+            <template v-for="(area, index) in bgValue.area">
+              <option :key="index" :value="index">{{ area }}</option>
             </template>
           </select>
           <span @click="$jump('application')">项目申报</span>
@@ -89,48 +112,57 @@
           <div class="top-t">
             <h3
               @click="btn(index)"
-              v-for="(item,index) in text"
+              v-for="(item, index) in text"
               :key="index"
               :class="sub == index ? 'style' : ''"
-            >{{item}}</h3>
+            >
+              {{ item }}
+            </h3>
           </div>
           <!-- 主题内容 -->
           <div class="cc">
             <template v-if="cd > 0">
               <div
                 class="list"
-                v-for="(item,index) in bgData.info"
+                v-for="(item, index) in bgData.info"
                 :key="index"
-                @click="item.tid == 1000 ? $jP('application',{id:item.id}) : $jParams('schedule',{id:item.id})"
+                @click="
+                  item.tid == 1000
+                    ? $jP('application', { id: item.id })
+                    : $jParams('schedule', { id: item.id })
+                "
               >
                 <div class="div">
                   <div class="bb">
-                    <h3>{{item.name}}</h3>
+                    <h3>{{ item.name }}</h3>
                     <h5>活动</h5>
                   </div>
-                  <time>{{item.protime}}</time>
+                  <time>{{ item.protime }}</time>
                 </div>
                 <dl>
                   <dt>
                     <img :src="imgUrl.tg" v-if="item.tid == 5" />
-                    <img :src="imgUrl.btg" v-else-if="item.tid == 4 || item.tid == 9" />
+                    <img
+                      :src="imgUrl.btg"
+                      v-else-if="item.tid == 4 || item.tid == 9"
+                    />
                     <img :src="imgUrl.zxz" v-else-if="item.tid == 10" />
                     <img :src="imgUrl.wtj" v-else-if="item.tid == 1000" />
                     <img :src="imgUrl.shz" v-else />
                   </dt>
                   <dd>
                     <span class="iconfont icon-zuzhijiegou"></span>
-                    <span>{{item.party_id}}</span>
+                    <span>{{ item.party_id }}</span>
                   </dd>
                   <dd>
                     <span class="iconfont icon-weizhi"></span>
-                    <span>{{item.postaladdress}}</span>
+                    <span>{{ item.postaladdress }}</span>
                   </dd>
                   <dd>
                     <span class="iconfont icon-shenhetongguo1"></span>
                     <span class="block-k">
                       <b>项目状态：</b>
-                      {{item.status}}
+                      {{ item.status }}
                     </span>
                   </dd>
                 </dl>
@@ -190,12 +222,12 @@ export default {
       sub: 0,
       bgData: [],
       bgValue: [],
-      type_value: '全部',
-      status_value: '全部',
-      area_value: '全部',
-      value_date: '',
-      start_time: '',
-      end_time: '',
+      type_value: "项目类型",
+      status_value: "项目状态",
+      area_value: "落地区域",
+      value_date: "",
+      start_time: "",
+      end_time: "",
       cd: Number
     };
   },
@@ -204,29 +236,41 @@ export default {
   methods: {
     /** 筛选函数 */
     bolting() {
-      this.start_time = this.value_date[0]
+      this.start_time = this.value_date[0];4
       this.end_time = this.value_date[1]
-      this.getDataTwo(this.start_time, this.end_time, this.type_value, this.status_value, this.area_value)
+      this.getDataTwo(
+        this.start_time,
+        this.end_time,
+        this.type_value,
+        this.status_value,
+        this.area_value
+      );
     },
     /** 获取项目列表 */
-    getDataTwo(start_time = this.start_time, end_time = this.end_time, type = this.type_value, status = this.status_value, area = this.area_value) {
-      if (type === '全部') {
-        this.type_value = ''
-        type = ''
+    getDataTwo(
+      start_time = this.start_time,
+      end_time = this.end_time,
+      type = this.type_value,
+      status = this.status_value,
+      area = this.area_value
+    ) {
+      if (type === "项目类型") {
+        this.type_value = "";
+        type = "";
       }
-      if (status === '全部') {
-        this.status_value = ''
-        status = ''
+      if (status === "项目状态") {
+        this.status_value = "";
+        status = "";
       }
-      if (area === '全部') {
-        this.area_value = ''
-        area = ''
+      if (area === "落地区域") {
+        this.area_value = "";
+        area = "";
       }
 
-      let _this = this
+      let _this = this;
       this.$http({
-        method: 'get',
-        url: 'v1/project/list',
+        method: "get",
+        url: "v1/project/list",
         params: {
           start_time: start_time,
           end_time: end_time,
@@ -236,50 +280,51 @@ export default {
           page: _this.currentPage,
           num: 6
         }
-      }).then(res => {
-        if (res.data.code === 200) {
-          _this.bgData = res.data.data.data
-          _this.totalCount = _this.bgData.allPage
-          _this.cd = _this.bgData.info.length
-        } else {
-          _this.$message.error('请求数据有问题！')
-        }
       })
+        .then(res => {
+          if (res.data.code === 200) {
+            _this.bgData = res.data.data.data;
+            _this.totalCount = _this.bgData.allPage;
+            _this.cd = _this.bgData.info.length;
+          } else {
+            _this.$message.error("请求数据有问题！");
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log(err)
-        })
+          console.log(err);
+        });
 
-      if (this.type_value === '') {
-        this.type_value = '全部'
+      if (this.type_value === "") {
+        this.type_value = "项目类型";
       }
-      if (this.status_value === '') {
-        this.status_value = '全部'
+      if (this.status_value === "") {
+        this.status_value = "项目状态";
       }
-      if (this.area_value === '') {
-        this.area_value = '全部'
+      if (this.area_value === "") {
+        this.area_value = "落地区域";
       }
     },
     /** 获取下拉框数据 */
     getDataOne() {
-      let _this = this
+      let _this = this;
       this.$http({
-        method: 'get',
-        url: 'v1/project/get-info',
+        method: "get",
+        url: "v1/project/get-info",
         data: {}
-      }).then(res => {
-        if (res.data.code === 200) {
-          _this.bgValue = res.data.data
-          _this.cd = _this.bgValue.announcement.length
-        } else {
-          _this.$message.error('请求数据有问题！')
-        }
       })
+        .then(res => {
+          if (res.data.code === 200) {
+            _this.bgValue = res.data.data;
+            _this.cd = _this.bgValue.announcement.length;
+          } else {
+            _this.$message.error("请求数据有问题！");
+          }
+        })
         // eslint-disable-next-line handle-callback-err
         .catch(err => {
-          console.log(err)
-        })
-
+          console.log(err);
+        });
     },
     btn(index) {
       let s = this.sub;
@@ -295,27 +340,27 @@ export default {
       this.getDataTwo();
       this.getPackData();
     },
-    getPackData() { }
+    getPackData() {}
   },
   created() {
     this.currentPage = Number(localStorage.getItem("page")) || 1;
     this.handleCurrentChange(this.currentPage);
-    this.getDataOne()
+    this.getDataOne();
   },
-  mounted() { },
+  mounted() {},
   beforeUpdate() {
-    localStorage.setItem('page', this.currentPage)
+    localStorage.setItem("page", this.currentPage);
   },
   beforeDestroy() {
-    localStorage.setItem('page', 1)
+    localStorage.setItem("page", 1);
   },
   destroyed() {
-    localStorage.removeItem('page')
+    localStorage.removeItem("page");
   }
 };
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .wrapper {
   min-width: 1280px;
   box-sizing: border-box;
@@ -355,8 +400,8 @@ export default {
         }
 
         /deep/ .el-icon.el-icon-arrow-left::before {
-          content: '上一页';
-          font-family: 'MicrosoftYaHei';
+          content: "上一页";
+          font-family: "MicrosoftYaHei";
           font-size: 12px;
           font-weight: normal;
           font-stretch: normal;
@@ -373,8 +418,8 @@ export default {
         }
 
         /deep/ .el-icon.el-icon-arrow-right::before {
-          content: '下一页';
-          font-family: 'MicrosoftYaHei';
+          content: "下一页";
+          font-family: "MicrosoftYaHei";
           font-size: 12px;
           font-weight: normal;
           font-stretch: normal;
@@ -388,7 +433,7 @@ export default {
         // height: 773px;
 
         .cc::after {
-          content: '';
+          content: "";
           width: 367px;
           display: block;
           height: 0px;
@@ -430,7 +475,7 @@ export default {
                   margin-right: 16px;
                 }
                 span {
-                  font-family: 'MicrosoftYaHei';
+                  font-family: "MicrosoftYaHei";
                   font-size: 14px;
                   font-weight: normal;
                   font-stretch: normal;
@@ -468,7 +513,7 @@ export default {
               justify-content: space-between;
               align-items: center;
               time {
-                font-family: 'MicrosoftYaHei';
+                font-family: "MicrosoftYaHei";
                 font-size: 14px;
                 font-weight: normal;
                 font-stretch: normal;
@@ -490,7 +535,7 @@ export default {
                   font-size: 12px;
                 }
                 h3 {
-                  font-family: 'MicrosoftYaHei';
+                  font-family: "MicrosoftYaHei";
                   font-size: 16px;
                   font-weight: normal;
                   font-stretch: normal;
@@ -517,7 +562,7 @@ export default {
             text-align: center;
             margin-right: 78px;
             width: 90px;
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 20px;
             font-weight: normal;
             font-stretch: normal;
@@ -529,7 +574,7 @@ export default {
             color: #e60012;
             position: relative;
             &::after {
-              content: '';
+              content: "";
               width: 91px;
               height: 2px;
               background-image: linear-gradient(#e60012, #e60012),
@@ -554,13 +599,13 @@ export default {
         .block {
           /deep/.el-range-editor.el-input__inner {
             width: 325px;
-            background: url('../../../static/img/xa.png') 90% center no-repeat;
+            background: url("../../../static/img/xa.png") 90% center no-repeat;
             background-color: #f9f8f8;
           }
 
           /deep/.el-date-editor .el-range-input {
             background-color: #f9f8f8;
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 18px;
             font-weight: normal;
             font-stretch: normal;
@@ -574,7 +619,7 @@ export default {
           }
 
           /deep/.el-date-editor .el-range-separator {
-            font-family: 'MicrosoftYaHei';
+            font-family: "MicrosoftYaHei";
             font-size: 18px;
             font-weight: normal;
             font-stretch: normal;
@@ -596,7 +641,7 @@ export default {
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url('../../../static/img/xa.png') 90% center no-repeat;
+          background: url("../../../static/img/xa.png") 90% center no-repeat;
           background-size: 14px 8px;
           // width: 325px;
           padding: 0px 30px;
@@ -618,7 +663,7 @@ export default {
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url('../../../static/img/xa.png') 90% center no-repeat;
+          background: url("../../../static/img/xa.png") 90% center no-repeat;
           background-size: 14px 8px;
           // width: 134px;
           padding: 0px 30px;
@@ -633,16 +678,17 @@ export default {
         }
 
         .three {
-          padding-left: 30px;
-          box-sizing: border-box;
+          // padding-left: 30px;
           /* 清除默认的箭头样式 */
           appearance: none;
           -moz-appearance: none;
           -webkit-appearance: none;
           /* 右侧添加小箭头的背景图 */
-          background: url('../../../static/img/xa.png') 90px center no-repeat;
+          background: url("../../../static/img/xa.png") 90% center no-repeat;
           background-size: 14px 8px;
-          width: 134px;
+          // width: 134px;
+          padding: 0 35px 0 30px;
+          box-sizing: border-box;
           height: 38px;
           background-color: #f9f8f8;
           border-radius: 4px;
@@ -668,7 +714,7 @@ export default {
             linear-gradient(#e60012, #e60012);
           background-blend-mode: normal, normal;
           border-radius: 4px;
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 16px;
           font-weight: normal;
           font-stretch: normal;
@@ -707,7 +753,7 @@ export default {
               align-items: center;
 
               span:first-child {
-                font-family: 'MicrosoftYaHei';
+                font-family: "MicrosoftYaHei";
                 font-size: 18px;
                 font-weight: normal;
                 font-stretch: normal;
@@ -716,7 +762,7 @@ export default {
               }
 
               span:last-child {
-                font-family: 'MicrosoftYaHei';
+                font-family: "MicrosoftYaHei";
                 font-size: 24px;
                 font-weight: bold;
                 font-stretch: normal;
@@ -728,7 +774,7 @@ export default {
         }
 
         .top-p {
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 18px;
           font-weight: normal;
           font-stretch: normal;
@@ -790,7 +836,7 @@ export default {
         align-items: center;
 
         span {
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 20px;
           font-weight: normal;
           font-stretch: normal;
@@ -799,7 +845,7 @@ export default {
         }
 
         time {
-          font-family: 'MicrosoftYaHei';
+          font-family: "MicrosoftYaHei";
           font-size: 20px;
           font-weight: normal;
           letter-spacing: 0px;
@@ -819,4 +865,4 @@ export default {
     transform: translateY(-150px);
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/project/Schedule.vue b/src/views/project/Schedule.vue
index d237305..9cf9dc4 100644
--- a/src/views/project/Schedule.vue
+++ b/src/views/project/Schedule.vue
@@ -182,7 +182,7 @@
         <div class="one-e">
           <p>
             <span>
-              <a :href="zData.proimages" :download="fileName">
+              <a :href="dataFile[0].url" :download="dataFile[0].name">
                 <span>下载</span>
               </a>
               <!-- <a
@@ -199,7 +199,12 @@
       <section id="preview" v-if="popupStatus">
         <div class="tc" @click="preview()"></div>
         <section class="tc-text">
-          <a :href="zData.proimages" target="_blank">{{zData.proimages}}</a>
+          <a
+            v-for="(list,index) in dataFile"
+            :key="index"
+            :href="list.url"
+            target="_blank"
+          >{{list.url}}</a>
         </section>
         <!-- <img class="tc-text" :src="zData.proimages" /> -->
       </section>
@@ -249,8 +254,9 @@ export default {
       ],
       zData: [],
       zDate: [],
+      dataFile: null,
       id: Number,
-      fileName:null
+      fileName: null
     };
   },
   computed: {},
@@ -306,8 +312,14 @@ export default {
         if (res.data.data.code === 200) {
           _this.zData = res.data.data.data.ProjectDetails
           _this.zDate = res.data.data.data.ProjectReview
-          let index = _this.zData.proimages.lastIndexOf("\/")
-          _this.fileName = _this.zData.proimages.substring(index+1,_this.zData.proimages.length)
+          let arr = JSON.parse(_this.zData.proimages)
+          let newArr = arr.map(element => {
+            return ({ name: element.name, url: element.url })
+          });
+          _this.dataFile = newArr
+          console.log(_this.dataFile);
+          // let index = _this.zData.proimages.lastIndexOf("\/")
+          // _this.fileName = _this.zData.proimages.substring(index+1,_this.zData.proimages.length)
         } else {
           alert('请求失败！')
         }
@@ -363,7 +375,7 @@ export default {
   .tc-text {
     // width: 350px;
     // width:100%;
-    padding: 32px;
+    padding: 30px;
     box-sizing: border-box;
     height: auto;
     background-color: #fff;
@@ -372,7 +384,9 @@ export default {
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
 
-    a{
+    a {
+      display: inline-block;
+      margin-top: 10px;
       cursor: pointer;
     }
   }