建设众创应用管理

src/components/ptCxForm_components.vue

@@ -387,6 +387,12 @@
               <span v-else-if="scope.row[columnTitle.prop] == '02'">查询出错</span>
               <span v-else></span>
             </div>
+            <div
+              v-else-if="columnTitle.toInfo"
+              v-html="scope.row[columnTitle.prop]"
+              @click="$emit('godetail', scope.row)"
+              style="color:#66b1ff;    cursor: pointer"
+            ></div>
             <div v-else-if="columnTitle.prop == 'state'"
                  style="
                 display: flex;

src/router/modules/index.js

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

src/views/rzcx/addJszcyy.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">{{ title }}</div>
     </div>
     <el-form
       ref="form"
@@ -71,13 +71,14 @@ export default {
         yjry: "",
         nr: "",
       },
+      title: "新增众创任务",
     };
   },
   methods: {
     save() {
       this.form.zzdw = JSON.parse(sessionStorage.getItem("userInfo")).unitcode;
       if (this.$route.query.xxzjbh) {
-        this.form.xxzjbh =this.$route.query.xxzjbh;
+        this.form.xxzjbh = this.$route.query.xxzjbh;
         this.doQueryRequest(this.form, "/ypzc/updateYpzccgyj").then((res) => {
           if (res.code == 200) {
             this.$message.success("保存成功");
@@ -110,6 +111,7 @@ export default {
               this.$set(this.form, key, res.data.yjzc[key]);
             }
           }
+          this.loading = false
         }
       });
     },
@@ -126,7 +128,11 @@ export default {
     },
   },
   created() {
-    this.getShuju();
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改众创任务";
+      this.getShuju();
+      this.loading = true
+    }
   },
 };
 </script>

src/views/rzcx/jszcyyDetail.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: "yjdx",
+          content: "",
+          index:1
+        },
+        {
+          name: "研究时间",
+          id: "yjsjStr",
+          content: "",
+          index:1
+        },
+        {
+          name: "研究人员",
+          id: "yjry",
+          content: "",
+          index:1
+        },
+        {
+          name: "研究单位",
+          id: "zzdwmc",
+          content: "",
+          index:1
+        },
+        {
+          name: "研究内容",
+          id: "nr",
+          content: "",
+          index:2
+        },
+      ],
+    };
+  },
+  methods: {
+    getShuju() {
+      this.doQueryRequest(
+        { xxzjbh: this.$route.query.xxzjbh },
+        "/ypzc/getYpyjzcxq"
+      ).then((res) => {
+        if (res.code == 200) {
+          this.infoList.forEach((item) => {
+            if (item.id == "yjsjStr") {
+              this.$set(item, "content", res.data.yjzc["yjsj"]);
+            } else {
+              this.$set(item, "content", res.data.yjzc[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/jszcyygl.vue

@@ -10,6 +10,7 @@
       @add="add"
       @edit="edit"
       @del="del"
+      @godetail="godetail"
       :pageFlag="pageFlag"
       ref="rightContent"
     ></right-content>
@@ -61,6 +62,7 @@ export default {
         {
           label: "标题",
           prop: "bt",
+          toInfo: true,
         },
         {
           /*table默认得表头*/
@@ -89,7 +91,6 @@ export default {
   },
   methods: {
     del(item) {
-      debugger;
       let self = this;
       this.$confirm("此操作将删除信息, 是否继续?", "提示", {
         confirmButtonText: "确定",
@@ -101,7 +102,6 @@ export default {
           self
             .doQueryRequest({ xxzjbh: item.xxzjbh }, "/ypzc/deleteYpzccgyj")
             .then((res) => {
-              debugger;
               if (res.code == 200) {
                 self.$message.success("删除成功");
                 this.$refs.rightContent.doQuery("yes");
@@ -116,8 +116,13 @@ export default {
           });
         });
     },
+    godetail(item) {
+      this.$router.push({
+        path: "/jszcyyDetail",
+        query: { xxzjbh: item.xxzjbh },
+      });
+    },
     edit(item) {
-      debugger;
       this.$router.push({
         path: "/addJszcyy",
         query: { xxzjbh: item.xxzjbh },

src/views/rzcx/jszcyyglCgpg.vue

@@ -52,6 +52,7 @@ export default {
         {
           label: "标题",
           prop: "bt",
+          toInfo:true
         },
         {
           /*table默认得表头*/