成果报告修改

src/router/modules/index.js

@@ -83,15 +83,26 @@ export default [
     },
     component: () => import("@/views/rzcx/addCggl.vue")
   },
+  
   {
     path: "/jszcyyDetail",
     name: "jszcyyDetail",
     meta: {
-      title: '任务详情',
+      title: '建设众创任务详情',
       auth: 5
     },
     component: () => import("@/views/rzcx/jszcyyDetail.vue")
   },
+  
+  {
+    path: "/jszcyycgDetail",
+    name: "jszcyycgDetail",
+    meta: {
+      title: '任务详情',
+      auth: 5
+    },
+    component: () => import("@/views/rzcx/jszcyycgDetail.vue")
+  },
   {
     path: "/callQuery",
     name: "callQuery",

src/views/rzcx/addCggl.vue

 <template>
-  <div class="formContent">
+  <div class="formContent" v-loading="loading">
     <div class="subTitle">
       <span class="subTitle_shuxian"></span>
-      <div class="subTitle_title">新增众创任务</div>
+      <div class="subTitle_title">新增成果</div>
     </div>
-    <el-form ref="form"
+    <el-form
+      ref="form"
       :model="form"
       label-width="120px"
-             style="margin-top: 20px">
+      style="margin-top: 20px"
+    >
       <el-row :gutter="20">
         <el-col :span="8">
           <div class="grid-content bg-purple">
@@ -23,15 +25,13 @@
             </el-form-item>
           </div>
         </el-col>
-        <el-col :span="8">
+        <!-- <el-col :span="8">
           <div class="grid-content bg-purple">
             <el-form-item label="组织单位">
               <el-input v-model="form.zzdw"></el-input>
             </el-form-item>
           </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
+        </el-col> -->
         <el-col :span="8">
           <el-form-item label="评估人员">
             <el-input v-model="form.pgry"></el-input>
@@ -41,17 +41,13 @@
       <el-row :gutter="20">
         <el-col :span="15">
           <el-form-item label="评估结果">
-            <el-input v-model="form.pgjg"
-                      type="textarea"
-                      :rows="4"></el-input>
+            <el-input v-model="form.pgjg" type="textarea" :rows="4"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <div class="btnWrap">
-      <el-button type="primary"
-                 size="small"
-                 @click="save">保存</el-button>
+      <el-button type="primary" size="small" @click="save">保存</el-button>
     </div>
   </div>
 </template>
@@ -61,7 +57,7 @@ import url from "@/api/base";
 import request from "@/utils/axiosHttp.js";
 import qs from "qs";
 export default {
-  data () {
+  data() {
     return {
       form: {
         bt: "",
@@ -73,7 +69,7 @@ export default {
     };
   },
   methods: {
-    save () {
+    save() {
       this.form.zzdw = JSON.parse(sessionStorage.getItem("userInfo")).unitcode;
       this.form.glxxzjbh = this.$route.query.glxxzjbh;
       if (this.$route.query.xxzjbh) {
@@ -82,7 +78,10 @@ export default {
           if (res.code == 200) {
             this.$message.success("保存成功");
             this.$router.push({
-              path: "/rzcxIndex/jszcyygl",
+              path: "/rzcxIndex/jszcyyglCgpg",
+              query: {
+                xxzjbh: this.$route.query.glxxzjbh,
+              },
             });
           }
         });
@@ -91,13 +90,16 @@ export default {
           if (res.code == 200) {
             this.$message.success("保存成功");
             this.$router.push({
-              path: "/rzcxIndex/jszcyygl",
+              path: "/rzcxIndex/jszcyyglCgpg",
+              query: {
+                xxzjbh: this.$route.query.glxxzjbh,
+              },
             });
           }
         });
       }
     },
-    getShuju () {
+    getShuju() {
       this.doQueryRequest(
         { xxzjbh: this.$route.query.xxzjbh },
         "/ypzc/getYpcgpgxq"
@@ -109,11 +111,12 @@ export default {
             } else {
               this.$set(this.form, key, res.data.cgpg[key]);
             }
+            this.loading = false;
           }
         }
       });
     },
-    doQueryRequest (form, cxUrl) {
+    doQueryRequest(form, cxUrl) {
       /*post方法*/
       return request({
         url: url.rzURL + cxUrl,
@@ -125,8 +128,12 @@ export default {
       });
     },
   },
-  created () {
+  created() {
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改成果";
       this.getShuju();
+      this.loading = true;
+    }
   },
 };
 </script>

src/views/rzcx/jszcyycgDetail.vue

+<template>
+  <div class="formContent" v-loading="loading">
+    <div class="subTitle">
+      <span class="subTitle_shuxian"></span>
+      <div class="subTitle_title">众创任务成果详情</div>
+    </div>
+    <div class="infos">
+      <div :class="'infoWrap'+item.index" v-for="item in infoList" :key="item.id">
+        <span class="name">{{ item.name }}:</span>
+        <span class="infoContent">{{ item.content }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import url from "@/api/base";
+import request from "@/utils/axiosHttp.js";
+import qs from "qs";
+import formItem_componentsVue from "../../components/formItem_components.vue";
+export default {
+  data() {
+    return {
+      infoList: [
+        {
+          name: "标题",
+          id: "bt",
+          content: "",
+          index:1
+        },
+        {
+          name: "评估人员",
+          id: "pgry",
+          content: "",
+          index:1
+        },
+         {
+          name: "组织单位",
+          id: "zzdwmc",
+          content: "",
+          index:1
+        },
+        {
+          name: "评估结果",
+          id: "pgjg",
+          content: "",
+          index:1
+        },
+        {
+          name: "研究内容",
+          id: "nr",
+          content: "",
+          index:2
+        },
+      ],
+    };
+  },
+  methods: {
+    getShuju() {
+      this.doQueryRequest(
+        { xxzjbh: this.$route.query.xxzjbh },
+        "/ypzc/getYpcgpgxq"
+      ).then((res) => {
+        if (res.code == 200) {
+          this.infoList.forEach((item) => {
+            if (item.id == "yjsjStr") {
+              this.$set(item, "content", res.data.cgpg["yjsj"]);
+            } else {
+              this.$set(item, "content", res.data.cgpg[item.id]);
+            }
+          });
+          console.log(this.infoList);
+          this.loading = false;
+        }
+      });
+    },
+    doQueryRequest(form, cxUrl) {
+      /*post方法*/
+      return request({
+        url: url.rzURL + cxUrl,
+        data: qs.stringify(form),
+        method: "post",
+        headers: {
+          "content-type": "application/x-www-form-urlencoded",
+        },
+      });
+    },
+  },
+  created() {
+    if (this.$route.query.xxzjbh) {
+      this.getShuju();
+      this.loading = true;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.formContent {
+  width: 1180px;
+  background: #ffffff;
+  border: 1px solid #e4e4e4;
+  opacity: 1;
+  border-radius: 8px;
+  margin: 20px auto;
+  .subTitle {
+    display: flex;
+    align-items: center;
+    margin: 15px 20px;
+    .subTitle_shuxian {
+      width: 4px;
+      height: 16px;
+      background: #ff8d1e;
+      opacity: 1;
+      margin-right: 12px;
+    }
+    .subTitle_title {
+      font-size: 16px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      line-height: 22px;
+      color: #1a1a1a;
+      opacity: 1;
+    }
+  }
+  .btnWrap {
+    text-align: right;
+    margin: 10px 20px;
+  }
+  .infos{
+    display: flex;
+    flex-wrap: wrap;
+    margin: 20px;
+  }
+  .infoWrap1{
+    width: 50%;
+  }
+   .infoWrap2{
+    width: 100%;
+  }
+  .name {
+    font-size: 16px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    line-height: 22px;
+    color: #272626;
+  }
+  .infoContent {
+    font-size: 16px;
+    font-family: Source Han Sans CN;
+    font-weight: 400;
+    line-height: 22px;
+    color: #000000;
+    margin-left: 10px;
+  }
+}
+</style>
\ No newline at end of file

src/views/rzcx/jszcyyglCgpg.vue

 <template>
   <div>
-    <right-content :header="header"
+    <right-content
+      :header="header"
       :cxFormData="cxFormData"
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-                   :isPost='true'
+      :isPost="true"
       @add="add"
       @edit="edit"
+      @godetail="godetail"
       @del="del"
       :pageFlag="pageFlag"
-                   ref="rightContent"></right-content>
+      ref="rightContent"
+    ></right-content>
   </div>
 </template>
 <!--建设众创应用管理-->
@@ -24,7 +27,7 @@ export default {
   components: {
     rightContent,
   },
-  data () {
+  data() {
     return {
       pageFlag: "jszcyygl",
       header: "建设众创应用管理",
@@ -59,6 +62,7 @@ export default {
         {
           label: "标题",
           prop: "bt",
+          toInfo: true,
         },
         {
           /*table默认得表头*/
@@ -67,7 +71,7 @@ export default {
         },
         {
           label: "组织单位",
-          prop: "zzdw",
+          prop: "zzdwmc",
         },
         {
           label: "评估人员",
@@ -76,32 +80,38 @@ export default {
         {
           label: "评估结果",
           prop: "pgjg",
-        }
+        },
       ],
       cxUrl: "/ypzc/getYpcgpglb",
     };
   },
-  created () {
-    this.cxFormData.glxxzjbh = this.$route.query.xxzjbh
+  created() {
+    this.cxFormData.glxxzjbh = this.$route.query.xxzjbh;
   },
   methods: {
-    del (item) {
-      this.$confirm(`确定要删除吗?`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
+    godetail(item) {
+      this.$router.push({
+        path: "/jszcyycgDetail",
+        query: { xxzjbh: item.xxzjbh },
+      });
+    },
+    del(item) {
+      this.$confirm(`确定要删除吗?`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       }).then(() => {
-        this
-          .doQueryRequest({ xxzjbh: item.xxzjbh }, "/ypzc/deleteYpzccgpg")
-          .then((res) => {
+        this.doQueryRequest(
+          { xxzjbh: item.xxzjbh },
+          "/ypzc/deleteYpzccgpg"
+        ).then((res) => {
           if (res.code == 200) {
             this.$message.success("删除成功");
             this.$refs.rightContent.doQuery("yes");
           } else {
           }
         });
-
-      })
+      });
       // debugger;
       // let self = this;
       // this.$confirm("此操作将删除信息, 是否继续?", "提示", {
@@ -129,17 +139,17 @@ export default {
       //     });
       //   });
     },
-    edit (item) {
+    edit(item) {
       debugger;
       this.$router.pushToTab({
         path: "/addCggl",
         query: {
           xxzjbh: item.xxzjbh,
-          glxxzjbh: this.$route.query.xxzjbh
+          glxxzjbh: this.$route.query.xxzjbh,
         },
       });
     },
-    doQueryRequest (form, cxUrl) {
+    doQueryRequest(form, cxUrl) {
       /*post方法*/
       return request({
         url: url.rzURL + cxUrl,
@@ -150,15 +160,14 @@ export default {
         },
       });
     },
-    add () {
+    add() {
       this.$router.pushToTab({
         path: "/addCggl",
         query: {
-          glxxzjbh: this.$route.query.xxzjbh
-        }
+          glxxzjbh: this.$route.query.xxzjbh,
+        },
       });
     },
-
   },
 };
 </script>