{"version":3,"sources":["webpack:///./src/views/admin/docking_manage/demand/info.vue?d13d","webpack:///./src/views/admin/docking_manage/demand/info.vue?844b","webpack:///src/views/admin/docking_manage/demand/info.vue","webpack:///./src/views/admin/docking_manage/demand/info.vue?234b","webpack:///./src/views/admin/docking_manage/demand/info.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","dataInfo","name","projectInfo","code","dockingStatus","isLoading","on","handleSuccessDocking","_e","handleCreateStatus","handleCloseDocking","_m","createByName","createByPhoneNumber","createByAccount","contact","phoneNumber","_l","item","index","key","class","active","status","lastUpdateTime","dockingStatusName","description","file","i","url","handleLook","imCertificationType","companyName","area","_f","createTime","closingTime","specialFieldIdName","budgetUp","technologyKeyword","keyWords","technologyInfo","$route","query","id","$event","createStatusDialog","completetCreateStatus","staticRenderFns","data","proDockingDataList","historyDataList","computed","inStatus","projectStatus","outStatus","successStatus","created","loadInfo","methods","$api","message","res","type","redirectByPathBlank","redirectTo","$router","go","component"],"mappings":"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","file":"js/chunk-4991621f.d0c72a44.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./info.vue?vue&type=style&index=0&id=1ad415e7&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"info-page\"},[_c('crumbs',{attrs:{\"title\":\"需求对接管理\"}}),_c('div',{staticClass:\"info-page__item project-info\"},[_c('div',{staticClass:\"project-info__content\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(_vm._s(_vm.dataInfo.name))])]),_c('p',[_vm._v(\" 对接编号：\"),_c('span',[_vm._v(_vm._s(_vm.projectInfo.code))])])]),_c('div',{staticClass:\"right\"},[(_vm.inStatus)?[(_vm.projectInfo.dockingStatus === 5)?_c('el-button',{attrs:{\"loading\":_vm.isLoading,\"type\":\"success\"},on:{\"click\":_vm.handleSuccessDocking}},[_vm._v(\"完成对接\")]):_vm._e(),_c('el-button',{attrs:{\"type\":\"danger\",\"plain\":\"\"},on:{\"click\":_vm.handleCreateStatus}},[_vm._v(\"添加项目流程状态\")]),_c('el-button',{attrs:{\"loading\":_vm.isLoading,\"type\":\"primary\"},on:{\"click\":_vm.handleCloseDocking}},[_vm._v(\"关闭对接\")])]:_vm._e(),(_vm.outStatus)?[_c('span',{staticClass:\"close\"},[_vm._v(\"对接已关闭\")])]:_vm._e(),(_vm.successStatus)?[_c('span',{staticClass:\"success\"},[_vm._v(\"对接已完成\")])]:_vm._e()],2)]),_c('div',{staticClass:\"project-info__relation\"},[_vm._m(0),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"left\"},[_c('p',[_c('span',[_vm._v(\"申请人姓名\")]),_c('i',[_vm._v(_vm._s(_vm.projectInfo.createByName))])]),_c('p',[_c('span',[_vm._v(\"申请人联系方式\")]),_c('i',[_vm._v(_vm._s(_vm.projectInfo.createByPhoneNumber))])]),_c('p',[_c('span',[_vm._v(\"申请人账号昵称\")]),_c('i',[_vm._v(_vm._s(_vm.projectInfo.createByAccount))])])]),_c('div',{staticClass:\"right\"},[_c('p',[_c('span',[_vm._v(\"发布人姓名\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.contact))])]),_c('p',[_c('span',[_vm._v(\"发布人联系方式\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.phoneNumber))])]),_c('p',[_c('span',[_vm._v(\"发布人账号昵称\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.createByAccount))])])])])]),_c('div',{staticClass:\"project-info__progress\"},[_vm._m(1),_c('ul',{staticClass:\"progress\"},_vm._l((_vm.proDockingDataList),function(item,index){return _c('li',{key:index,class:{\n            active: item.status === 1\n          }},[_c('div',{staticClass:\"pic\"}),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))])])}),0),_c('div',{staticClass:\"sub-name\"},[_vm._v(\"对接流程\")]),_c('ul',{staticClass:\"timeline\"},_vm._l((_vm.historyDataList),function(item,index){return _c('li',{key:index,staticClass:\"fn-clear\"},[_c('div',{staticClass:\"fn-left left\"},[_vm._v(_vm._s(item.lastUpdateTime))]),_c('div',{staticClass:\"fn-left right\"},[_c('h4',[_vm._v(_vm._s(item.dockingStatusName))]),_c('p',[_c('span',[_vm._v(_vm._s(item.description))]),_vm._l((item.attList),function(file,i){return _c('a',{key:i,attrs:{\"href\":file.url,\"download\":file.name,\"target\":\"_blank\"}},[_vm._v(_vm._s(file.name))])})],2),_vm._m(2,true)])])}),0)]),_c('div',{staticClass:\"project-info__data\"},[_c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(\"需求信息\")]),_c('a',{attrs:{\"href\":\"javacript:;\"},on:{\"click\":_vm.handleLook}},[_vm._v(\"查看源需求信息\")])]),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"line\"},[_c('p',[_c('span',[_vm._v(\"持有单位：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.imCertificationType === 1 ? \"个人\" : _vm.dataInfo.companyName))])]),_c('p',[_c('span',[_vm._v(\"地区：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.area))])]),_c('p',[_c('span',[_vm._v(\"发布时间：\")]),_c('i',[_vm._v(_vm._s(_vm._f(\"dateFilterSpace\")(_vm.dataInfo.createTime)))])]),_c('p',[_c('span',[_vm._v(\"截止时间：\")]),_c('i',[_vm._v(_vm._s(_vm._f(\"dateFilterSpace\")(_vm.dataInfo.closingTime)))])])]),_c('div',{staticClass:\"line\"},[_c('p',[_c('span',[_vm._v(\"专业领域：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.specialFieldIdName))])]),_c('p',[_c('span',[_vm._v(\"预算上限：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.budgetUp === 0 ? \"面议\" : _vm.dataInfo.budgetUp + \"万元\"))])]),_c('p',[_c('span',[_vm._v(\"技术关键词：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.technologyKeyword || _vm.dataInfo.keyWords))])])]),_c('div',{staticClass:\"line\"},[_c('p',[_c('span',[_vm._v(\"需求概述：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.description))])])]),_c('div',{staticClass:\"line\"},[_c('p',[_c('span',[_vm._v(\"技术指标：\")]),_c('i',[_vm._v(_vm._s(_vm.dataInfo.technologyInfo))])])])])])]),(_vm.createStatusDialog)?_c('add-project-status',{attrs:{\"dataType\":\"dem\",\"projectId\":_vm.$route.query.id},on:{\"close\":function($event){_vm.createStatusDialog = false},\"complete\":_vm.completetCreateStatus}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(\"对接人信息\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h4',[_vm._v(\"当前对接进度\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"circle\"},[_c('i',{staticClass:\"el-icon-check\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"info-page\">\n    <crumbs title=\"需求对接管理\" />\n    <div class=\"info-page__item project-info\">\n      <div class=\"project-info__content\">\n        <div class=\"left\">\n          <div class=\"title\">\n            <h4>{{ dataInfo.name }}</h4>\n          </div>\n          <p>\n            对接编号：<span>{{ projectInfo.code }}</span>\n          </p>\n        </div>\n        <div class=\"right\">\n          <template v-if=\"inStatus\">\n            <el-button\n              v-if=\"projectInfo.dockingStatus === 5\"\n              :loading=\"isLoading\"\n              type=\"success\"\n              @click=\"handleSuccessDocking\"\n              >完成对接</el-button\n            >\n            <el-button type=\"danger\" @click=\"handleCreateStatus\" plain\n              >添加项目流程状态</el-button\n            >\n            <el-button\n              :loading=\"isLoading\"\n              type=\"primary\"\n              @click=\"handleCloseDocking\"\n              >关闭对接</el-button\n            >\n          </template>\n          <template v-if=\"outStatus\"\n            ><span class=\"close\">对接已关闭</span></template\n          >\n          <template v-if=\"successStatus\"\n            ><span class=\"success\">对接已完成</span></template\n          >\n        </div>\n      </div>\n      <div class=\"project-info__relation\">\n        <div class=\"title\">\n          <h4>对接人信息</h4>\n        </div>\n        <div class=\"detail\">\n          <div class=\"left\">\n            <p>\n              <span>申请人姓名</span><i>{{ projectInfo.createByName }}</i>\n            </p>\n            <p>\n              <span>申请人联系方式</span\n              ><i>{{ projectInfo.createByPhoneNumber }}</i>\n            </p>\n            <p>\n              <span>申请人账号昵称</span\n              ><i>{{ projectInfo.createByAccount }}</i>\n            </p>\n          </div>\n          <div class=\"right\">\n            <p>\n              <span>发布人姓名</span><i>{{ dataInfo.contact }}</i>\n            </p>\n            <p>\n              <span>发布人联系方式</span><i>{{ dataInfo.phoneNumber }}</i>\n            </p>\n            <p>\n              <span>发布人账号昵称</span><i>{{ dataInfo.createByAccount }}</i>\n            </p>\n          </div>\n        </div>\n      </div>\n      <div class=\"project-info__progress\">\n        <div class=\"title\">\n          <h4>当前对接进度</h4>\n        </div>\n        <ul class=\"progress\">\n          <li\n            :class=\"{\n              active: item.status === 1\n            }\"\n            v-for=\"(item, index) in proDockingDataList\"\n            :key=\"index\"\n          >\n            <div class=\"pic\"></div>\n            <div class=\"name\">{{ item.name }}</div>\n          </li>\n        </ul>\n        <div class=\"sub-name\">对接流程</div>\n        <ul class=\"timeline\">\n          <li\n            v-for=\"(item, index) in historyDataList\"\n            :key=\"index\"\n            class=\"fn-clear\"\n          >\n            <div class=\"fn-left left\">{{ item.lastUpdateTime }}</div>\n            <div class=\"fn-left right\">\n              <h4>{{ item.dockingStatusName }}</h4>\n              <p>\n                <span>{{ item.description }}</span>\n                <a\n                  v-for=\"(file, i) in item.attList\"\n                  :key=\"i\"\n                  :href=\"file.url\"\n                  :download=\"file.name\"\n                  target=\"_blank\"\n                  >{{ file.name }}</a\n                >\n              </p>\n              <div class=\"circle\">\n                <i class=\"el-icon-check\"></i>\n              </div>\n            </div>\n          </li>\n        </ul>\n      </div>\n      <div class=\"project-info__data\">\n        <div class=\"title\">\n          <h4>需求信息</h4>\n          <a href=\"javacript:;\" @click=\"handleLook\">查看源需求信息</a>\n        </div>\n        <div class=\"detail\">\n          <div class=\"line\">\n            <p>\n              <span>持有单位：</span\n              ><i>{{\n                dataInfo.imCertificationType === 1\n                  ? \"个人\"\n                  : dataInfo.companyName\n              }}</i>\n            </p>\n            <p>\n              <span>地区：</span><i>{{ dataInfo.area }}</i>\n            </p>\n            <p>\n              <span>发布时间：</span\n              ><i>{{ dataInfo.createTime | dateFilterSpace }}</i>\n            </p>\n            <p>\n              <span>截止时间：</span\n              ><i>{{ dataInfo.closingTime | dateFilterSpace }}</i>\n            </p>\n          </div>\n          <div class=\"line\">\n            <p>\n              <span>专业领域：</span><i>{{ dataInfo.specialFieldIdName }}</i>\n            </p>\n            <p>\n              <span>预算上限：</span\n              ><i>{{\n                dataInfo.budgetUp === 0 ? \"面议\" : dataInfo.budgetUp + \"万元\"\n              }}</i>\n            </p>\n            <p>\n              <span>技术关键词：</span\n              ><i>{{ dataInfo.technologyKeyword || dataInfo.keyWords }}</i>\n            </p>\n          </div>\n          <div class=\"line\">\n            <p>\n              <span>需求概述：</span><i>{{ dataInfo.description }}</i>\n            </p>\n          </div>\n          <div class=\"line\">\n            <p>\n              <span>技术指标：</span><i>{{ dataInfo.technologyInfo }}</i>\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <add-project-status\n      v-if=\"createStatusDialog\"\n      dataType=\"dem\"\n      :projectId=\"$route.query.id\"\n      @close=\"createStatusDialog = false\"\n      @complete=\"completetCreateStatus\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"demDockingInfo\",\n  data() {\n    return {\n      isLoading: false,\n      projectInfo: {},\n      dataInfo: {},\n      proDockingDataList: [],\n      historyDataList: [],\n      // 添加状态弹框\n      createStatusDialog: false\n    };\n  },\n  computed: {\n    // 1-对接中，2-对接关闭，3-已完成\n    inStatus() {\n      return this.projectInfo.projectStatus === 1;\n    },\n    outStatus() {\n      return this.projectInfo.projectStatus === 2;\n    },\n    successStatus() {\n      return this.projectInfo.projectStatus === 3;\n    }\n  },\n  created() {\n    this.loadInfo();\n  },\n  methods: {\n    // 加载工程数据接口\n    loadInfo() {\n      const { id } = this.$route.query;\n      this.$api(\"project\", \"getProjectInfo\", { id }).then((res) => {\n        const { code, message } = res;\n        if (code === 0) {\n          const {\n            project: projectInfo,\n            reqData,\n            proDockingDataList,\n            historyDataList\n          } = res;\n          this.projectInfo = projectInfo;\n          this.dataInfo = reqData;\n          this.proDockingDataList = proDockingDataList;\n          this.historyDataList = historyDataList;\n        } else {\n          this.redirectTo();\n          this.$message.error(message);\n        }\n      });\n    },\n    // 添加项目流程状态\n    handleCreateStatus() {\n      this.createStatusDialog = true;\n    },\n    completetCreateStatus() {\n      this.createStatusDialog = false;\n      this.loadInfo();\n    },\n    // 关闭工程对接\n    handleCloseDocking() {\n      this.isLoading = true;\n      const { id } = this.$route.query;\n      return this.$api(\"project\", \"closeDemDocking\", {\n        id\n      }).then((res) => {\n        this.isLoading = false;\n        this.$message({\n          message: res.message,\n          type: res.code === 0 ? \"success\" : \"error\"\n        });\n        if (res.code === 0) {\n          this.loadInfo();\n        }\n      });\n    },\n    // 成功对接数据对接\n    handleSuccessDocking() {\n      this.isLoading = true;\n      const { id } = this.$route.query;\n      return this.$api(\"project\", \"successDemDocking\", {\n        id\n      }).then((res) => {\n        this.isLoading = false;\n        this.$message({\n          message: res.message,\n          type: res.code === 0 ? \"success\" : \"error\"\n        });\n        if (res.code === 0) {\n          this.loadInfo();\n        }\n      });\n    },\n    // 查看需求\n    handleLook() {\n      const { id } = this.dataInfo;\n      this.redirectByPathBlank(\n        `/admin/dataManage/demandInfo/modification`,\n        {\n          id\n        },\n        this.queryCondition\n      );\n    },\n    // 返回列表页\n    redirectTo() {\n      // this.redirectByPath(`/admin/dockingManage/demDockingList`);\n      this.$router.go(-1);\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.project-info {\n  .project-info__content {\n    display: flex;\n    justify-content: space-between;\n    padding-top: 23px;\n    .left {\n      .title {\n        line-height: 34px;\n        font-size: 20px;\n      }\n      p {\n        line-height: 40px;\n        font-size: 14px;\n        color: #999999;\n        span {\n          color: #141414;\n        }\n      }\n    }\n    .right {\n      span {\n        line-height: 34px;\n        font-size: 14px;\n        &.close {\n          color: #f23b43;\n        }\n        &.success {\n          color: #074491;\n        }\n      }\n    }\n  }\n  .project-info__relation {\n    .title {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      height: 76px;\n      padding-bottom: 12px;\n      h4 {\n        font-size: 20px;\n      }\n      span {\n        font-size: 14px;\n        color: #999999;\n      }\n    }\n    .detail {\n      display: flex;\n      > div {\n        flex: 1;\n        > p {\n          display: flex;\n          padding: 6px 0;\n          line-height: 22px;\n          font-size: 14px;\n          span {\n            flex: 0 0 120px;\n            color: #666666;\n          }\n          i {\n            font-style: normal;\n          }\n        }\n      }\n    }\n  }\n  .project-info__progress {\n    .title {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      height: 76px;\n      padding-bottom: 12px;\n      h4 {\n        font-size: 20px;\n      }\n      span {\n        font-size: 14px;\n        color: #999999;\n      }\n    }\n    .progress {\n      display: flex;\n      justify-content: space-between;\n      li {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        &:nth-child(n + 2) {\n          position: relative;\n          &::before {\n            content: \"\";\n            top: 50%;\n            left: 0;\n            position: absolute;\n            width: 78px;\n            height: 14px;\n            background-size: 100%;\n            background-image: url(\"~@/assets/images/project_progress_icon2.png\");\n            transform: translate(-50%, -50%);\n          }\n          &.active::before {\n            background-image: url(\"~@/assets/images/project_progress_icona2.png\");\n          }\n        }\n        &.active .pic {\n          background-image: url(\"~@/assets/images/project_progress_icona1.png\");\n        }\n        .pic {\n          width: 50px;\n          height: 50px;\n          background-size: 100%;\n          background-image: url(\"~@/assets/images/project_progress_icon1.png\");\n        }\n        .name {\n          line-height: 54px;\n          font-size: 14px;\n          color: #141414;\n        }\n      }\n    }\n    .sub-name {\n      line-height: 56px;\n      font-weight: bold;\n    }\n    .timeline {\n      padding: 20px 30px;\n      border-radius: 4px;\n      background-color: #f7f7f7;\n      li {\n        line-height: 1;\n        font-size: 16px;\n        &:first-child {\n          .left {\n            color: #141414;\n          }\n          .right {\n            color: #666666;\n            h4 {\n              color: #141414;\n            }\n            .circle {\n              background-color: #074491;\n            }\n          }\n        }\n        &:last-child {\n          .right {\n            padding-bottom: 0;\n            // border-left: 2px solid transparent;\n          }\n        }\n        .left {\n          width: 230px;\n          text-align: center;\n          color: #999999;\n        }\n        .right {\n          position: relative;\n          box-sizing: border-box;\n          width: 600px;\n          padding-left: 3em;\n          padding-bottom: 28px;\n          border-left: 2px solid #cccccc;\n          color: #999999;\n          p {\n            padding-top: 14px;\n            line-height: 1;\n            font-size: 14px;\n            > a {\n              line-height: 1.5;\n              display: block;\n              color: #074491;\n              padding-right: 10px;\n            }\n          }\n          .circle {\n            position: absolute;\n            top: -2px;\n            left: -11px;\n            width: 20px;\n            height: 20px;\n            border-radius: 50%;\n            line-height: 20px;\n            text-align: center;\n            color: #fff;\n            font-size: 14px;\n            background-color: #cccccc;\n          }\n        }\n      }\n    }\n  }\n  .project-info__data {\n    .title {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding-top: 20px;\n      height: 60px;\n      h4 {\n        font-size: 20px;\n      }\n      a {\n        padding-right: 20px;\n        font-size: 14px;\n        color: #074491;\n        background-image: url(\"~@/assets/images/icon_arrows_right.png\");\n        background-repeat: no-repeat;\n        background-position: right 0 center;\n        background-size: 10px auto;\n      }\n    }\n    .detail {\n      .line {\n        display: flex;\n        flex-wrap: wrap;\n        > p {\n          display: flex;\n          margin-right: 60px;\n          padding: 6px 0;\n          line-height: 22px;\n          font-size: 14px;\n          span {\n            flex: none;\n            color: #666666;\n          }\n          i {\n            font-style: normal;\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./info.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./info.vue?vue&type=template&id=1ad415e7&scoped=true&\"\nimport script from \"./info.vue?vue&type=script&lang=js&\"\nexport * from \"./info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./info.vue?vue&type=style&index=0&id=1ad415e7&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ad415e7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}