建设众创应用

src/router/modules/index.js

@@ -169,6 +169,22 @@ export default [
     component: () => import("@/views/jccx/ssIndex.vue")
   },
   {
+    path: "/cgcsDetail",
+    name: "cgcsDetail",
+    component: () => import("@/views/rzcx/cgcsDetail.vue"),
+    meta: {
+      title: "成果测试"
+    }
+  },
+  {
+    path: "/cgpgDetail",
+    name: "cgpgDetail",
+    component: () => import("@/views/rzcx/cgpgDetail.vue"),
+    meta: {
+      title: "成果评估"
+    }
+  },
+  {
     path: "/ykgldpIndex",
     name: "ykgldpIndex",
     meta: {

src/views/rzcx/cgcsDetail.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";
+export default {
+  data() {
+    return {
+      loading: false,
+      infoList: [
+        {
+          name: "标题",
+          id: "bt",
+          content: "",
+          index:1
+        },
+        {
+          name: "测试人员",
+          id: "csry",
+          content: "",
+          index:1
+        },
+        {
+          name: "测试结果",
+          id: "csjg",
+          content: "",
+          index:1
+        },
+        {
+          name: "评估结果",
+          id: "pgjg",
+          content: "",
+          index:1
+        },
+         {
+          name: "组织单位",
+          id: "zzdwmc",
+          content: "",
+          index:1
+        },
+        {
+          name: "测试内容",
+          id: "csnr",
+          content: "",
+          index:2
+        },
+      ],
+    };
+  },
+  methods: {
+    getShuju() {
+      this.doQueryRequest(
+        { xxzjbh: this.$route.query.id },
+        "/ypzc/getYpcgcsxq"
+      ).then(res => {
+        console.log(res)
+        if (res.code == 200) {
+          this.infoList.forEach((item) => {
+            if (item.id) {
+              this.$set(item, "content", res.data.cgcs[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.id) {
+      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/cgpgDetail.vue

+<template>
+  <div class="content_box">
+    <div class="content_form">
+      <header>
+        <p>查询条件</p>
+      </header>
+      <myForm :labelWidth="labelWidth"
+              :isActive="false"
+              :formConfig="formConfig"
+              :formData="formData"
+              :searchHandle="searchHandle"
+              ref="ruleForm"></myForm>
+    </div>
+    <div class="content_table">
+      <header>
+        <p>查询结果</p>
+        <span>共{{ pageObj.total || '0' }}条</span>
+
+      </header>
+      <Mytable v-loading="downLoading"
+               element-loading-text="下载中..."
+               :tableData="tableData"
+               :columObj="columObj"
+               :pageObj="pageObj"
+               @rowBtn="rowBtn"
+               @handleSizeChange="handleSizeChange"
+               @handleCurrentChange="handleCurrentChange"
+               @rowOperation="rowOperation"></Mytable>
+    </div>
+  </div>
+</template>
+
+<script>
+import myForm from '@/components/myForm.vue'
+import Mytable from '@/components/Mytable.vue'
+import request from "@/api/interface/dictionaryCode.js";
+
+import base from "@/api/base";
+import { mapGetters } from "vuex";
+
+export default {
+  components: {
+    myForm, Mytable
+  },
+  data () {
+    return {
+      columnType: '1',
+      downLoading: false,
+      // 表单域标签的宽度
+      labelWidth: '100px',
+      // 表单配置
+      formConfig: [
+        {
+          label: '标题:',
+          prop: 'bt',
+          type: 'input',
+        },
+        {
+          label: '测试内容',
+          prop: 'pgnr',
+          type: 'input',
+        },
+      ],
+      // 表单数据
+      formData: {
+        bt: '',
+        pgnr: '',
+
+      },
+      searchHandle: [
+        {
+          label: '查询',
+          show: true,
+          icon: 'el-icon-search',
+          type: 'primary',
+          handle: () => {
+            this.searchData()
+          },
+        },
+        {
+          label: '重置',
+          show: true,
+          handle: () => {
+            this.resetData()
+          },
+        },
+
+      ],
+      rules: [],
+      pageObj: { //分页对象
+        total: 10,
+        pageData: {
+          page: 1,
+          size: 10
+        }
+      },
+      tableData: [],
+      columObj: {
+        visble: false,
+        loading: false,
+        columnData: [
+          {
+            text: true,
+            prop: "bt",
+            editRow: undefined,
+            label: "标题",
+            align: "center",
+          }, {
+            text: true,
+            prop: "pgnr",
+            editRow: undefined,
+            label: "测试内容",
+            align: "center",
+          }, {
+            edit: true,
+            prop: "zzdw",
+            editRow: undefined,
+            label: "组织单位",
+            align: "center",
+          }, {
+            text: true,
+            prop: "pgry",
+            editRow: undefined,
+            label: "测试人员",
+            align: "center",
+            sortable: 'custom',
+          }, {
+            text: true,
+            prop: "pgjg",
+            editRow: undefined,
+            label: "测试结果",
+            align: "center",
+          },
+          {
+            isOperation: true,
+            type: 'basic',
+            label: "操作",
+            align: "center",
+            fixed: "right",
+            sortable: false,
+            operation: [
+              {
+                operation: "edit",
+                type: "text",
+                label: "修改",
+                icon: "",
+                option: 'xiuGai',
+                color: '#1a81e1',
+              },
+              {
+                operation: "edit",
+                type: "text",
+                label: "删除",
+                icon: "",
+                option: 'shanChu',
+                color: '#1a81e1',
+              },]
+          }]
+      },
+
+    }
+  },
+
+  created () {
+
+    this.$store.commit("user/SET_Header", this.header);
+  },
+  mounted () {
+    this.getList();
+  },
+  beforeDestroy () {
+  },
+  methods: {
+
+    async getList () {
+      this.columObj.loading = true;
+      let params = {
+        limit: this.pageObj.pageData.size,
+        page: this.pageObj.pageData.page,
+        ...this.formData,
+      }
+      let res = await request.getYpcgpglb(params)
+      if (res) {
+        this.columObj.loading = false;
+        this.pageObj.total = res.total;
+        this.tableData = res.records
+      }
+    },
+    // 操作按钮
+    rowOperation (row, index, item) {
+      console.log(row, index, item, 22);
+
+    },
+
+    //页码变化
+    handleCurrentChange (e) {
+      this.pageObj.pageData.page = e;
+      this.getList()
+    },
+    //条数变化
+    handleSizeChange (e) {
+      this.pageObj.pageData.size = e;
+      this.pageObj.pageData.page = 1;
+      this.getList()
+    },
+    rowBtn (row, index) {
+
+    },
+    searchData () {
+      this.pageObj.pageData.size = 10;
+      this.pageObj.pageData.page = 1;
+      this.getList()
+    },
+    resetData () {
+      this.pageObj.pageData.size = 10;
+      this.pageObj.pageData.page = 1;
+      this.formData = {}
+      this.getList()
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content_box {
+  padding: 24px;
+  font-weight: 400;
+  overflow: auto;
+  width: 100%;
+  height: 94vh;
+  box-sizing: border-box;
+}
+
+header {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  line-height: 48px;
+  border-bottom: 1px solid #dcdcdc;
+  padding-left: 48px;
+  margin-bottom: 16px;
+
+  p {
+    display: inline-block;
+    height: 24px;
+    font-size: 18px;
+    color: #5e5e5e;
+    line-height: 24px;
+    margin-right: 16px;
+  }
+
+  span {
+    height: 24px;
+    font-size: 14px;
+    color: #5e5e5e;
+    line-height: 24px;
+  }
+}
+
+.content_form {
+  height: 224px;
+  background: #ffffff;
+  border-radius: 8px 8px 8px 8px;
+  margin-bottom: 16px;
+
+  ::v-deep .el-form {
+    padding: 0 32px;
+
+    .el-form-item__content {
+      height: 32px;
+    }
+  }
+}
+
+.content_table {
+  background: #ffffff;
+  border-radius: 8px 8px 8px 8px;
+
+  ::v-deep .tableCon {
+    padding: 0 20px;
+  }
+}
+::v-deep .el-pagination__sizes {
+  position: initial;
+}
+</style>
\ No newline at end of file

src/views/rzcx/dlrz.vue

@@ -61,7 +61,7 @@ export default {
     },
     doQueryRequest(form, path) {
       let queryurl = "";
-      if (path == "dlcount") {
+      if (path == "/dlcount") {
         queryurl = url.gzzmURL + path;
       } else {
         queryurl = url.rzURL + path;

src/views/rzcx/jszcyygl.vue

@@ -11,7 +11,7 @@
       @edit="edit"
       @del="del"
       @godetail="godetail"
-      :pageFlag="pageFlag"
+      :pageBs="pageFlag"
       ref="rightContent"
     ></right-content>
   </div>

src/views/rzcx/jszcyyglCgcs.vue

@@ -13,7 +13,7 @@
       @godetail="godetail"
       @edit="edit"
       @del="onDelete"
-      :pageFlag="pageFlag"
+      :pageBs="pageFlag"
     >
     </right-content>
   </div>

src/views/rzcx/jszcyyglCgpg.vue

@@ -11,7 +11,7 @@
       @edit="edit"
       @godetail="godetail"
       @del="del"
-      :pageFlag="pageFlag"
+      :pageBs="pageFlag"
       ref="rightContent"
     ></right-content>
   </div>