Merge pull request 'fix : 对接需求征集列表接口' (#130) from dd into master

Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/130

src/api/project-demand/index.js

@@ -1,5 +1,12 @@
 import request from '@/utils/request.js'
-
+//需求征集
+export const getDemandInfo = (param) => {
+  return request({
+    url: '/workflow/mosr/requirement',
+    method: "get",
+    params: param
+  });
+};
 export const getWorkflowInfo = () => {
   return request({
     url: '/workflow/mosr/requirement/process',

src/views/projectdemand/demandcollection/detail.vue

@@ -58,7 +58,7 @@
 <!--        <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="10">-->
           <div class="approval-record">
             <baseTitle title="审批记录"></baseTitle>
-            <div class="process" id="approvalRecord">
+            <div class="process">
               <process-diagram-viewer v-if="processDiagramViewer"/>
             </div>
           </div>
@@ -167,12 +167,10 @@ getTree()
 
   .approval-record {
     flex: 0.4;
-
-
     .process {
       //max-height: calc(100vh - 96px);
-      height: calc(100vh - 250px);
-      overflow: auto;
+      //height: calc(100vh - 250px);
+      overflow: hidden;
 
       &::-webkit-scrollbar {
         width: 6px;

src/views/projectdemand/demandcollection/index.vue

@@ -6,12 +6,13 @@
 <script setup lang="jsx">
 import fvSelect from '@/fvcomponents/fvSelect/index.vue'
 import Tag from '@/components/Tag.vue'
+import {getDemandInfo} from "@/api/project-demand";
 
 const router = useRouter()
 const searchConfig = reactive([
   {
-    label: '名称',
-    prop: 'roleName',
+    label: '征集类型',
+    prop: 'collectType',
     component: 'el-input',
     props: {
       placeholder: '请输入名称查询',
@@ -19,13 +20,12 @@ const searchConfig = reactive([
     }
   },
   {
-    label: '状态',
-    prop: 'state',
-    component: shallowRef(fvSelect),
+    label: '需求名称',
+    prop: 'requirementName',
+    component: 'el-input',
     props: {
-      placeholder: '请选择',
-      clearable: true,
-      cacheKey: 'normal_disable'
+      placeholder: '请输入名称查询',
+      clearable: true
     }
   }
 ])
@@ -43,26 +43,29 @@ const tableConfig = reactive({
       prop: 'selection'
     },
     {
-      prop: 'roleName',
-      label: '名称',
+      prop: 'requirementName',
+      label: '需求名称',
       align: 'center'
     },
     {
-      prop: 'roleKey',
-      label: '所属公司',
+      prop: 'collectType',
+      label: '征集类型',
       align: 'center'
     },
     {
-      prop: 'time',
-      label: '发布时间',
+      prop: 'approveName',
+      label: '审批人',
       align: 'center'
     },
     {
-      prop: 'state',
-      label: '状态',
-      align: 'center',
-      showOverflowTooltip: false,
-      currentRender: ({row, index}) => (<Tag dictType={'demand_collection'} value={row.state}/>)
+      prop: 'deadline',
+      label: '截止时间',
+      align: 'center'
+    },
+    {
+      prop: 'taskNode',
+      label: '当前节点',
+      align: 'center'
     },
     {
       prop: 'oper',
@@ -81,7 +84,7 @@ const tableConfig = reactive({
       }
     }
   ],
-  api: '/admin/role',
+  api: '/workflow/mosr/requirement',
   btns: [
     {name: '新增', key: 'add', auth: auths.add, color: '#DED0B2'},
     {name: '导出', key: 'add', auth: auths.add, type: ''},

src/views/workflow/process/nodes/Node.vue

@@ -6,7 +6,8 @@
           <component :is="headerIcon"/>
         </el-icon>
         <ellipsis class="name" hover-tip :content="title"/>
-        <el-icon v-if="!isRoot && designState" size="20" style="float:right;cursor: pointer" @click.stop="emit('delNode')">
+        <el-icon v-if="!isRoot && designState" size="20" style="float:right;cursor: pointer"
+                 @click.stop="emit('delNode')">
           <Close/>
         </el-icon>
       </div>
@@ -24,6 +25,10 @@
           <span class="placeholder" v-if="userInfo.length === 0">{{ placeholder }}</span>
           <div v-else v-for="item in userInfo" class="circle-user">
             <span>{{ item.name }}</span>
+            <el-button v-if="item.state==='RUNNING'" type="warning" loading circle class="circle-icon"></el-button>
+            <el-button v-else-if="item.state==='UNACTIVATED'" type="info" :icon="More" circle
+                       class="circle-icon"></el-button>
+            <el-button v-else type="success" :icon="Check" circle class="circle-icon"></el-button>
           </div>
           <!--          <avatar-ellipsis :row="3" :user-info="userInfo"/>-->
         </template>
@@ -62,7 +67,7 @@ import InsertButton from '../common/InsertButton.vue'
 import Ellipsis from '../common/Ellipsis.vue'
 import AvatarEllipsis from '../common/AvatarEllipsis.vue'
 import SvgIcon from '@/components/svgIcon/index.vue'
-import {Close, Warning, Plus} from '@element-plus/icons-vue'
+import {Close, Warning, Plus, Check, More} from '@element-plus/icons-vue'
 
 const emit = defineEmits(['insertNode'])
 const props = defineProps({
@@ -154,7 +159,16 @@ const props = defineProps({
 const designState = computed(() => {
   return props.mode === 'design'
 })
-
+const getState = (state) => {
+  switch (state) {
+    case 'finish':
+      return 'check'
+    case 'UNACTIVATED':
+      return 'more'
+    case 'RUNNING':
+      return 'loading'
+  }
+}
 
 const init = () => {
   // let userInfo = this.$store.state.selectUserMap.get(this.nodeId);
@@ -184,7 +198,18 @@ const init = () => {
   align-items: center;
   border-radius: 50%;
   border: 1px solid #ACACAC;
+  position: relative;
+
+  .circle-icon {
+    width: 10px;
+    height: 10px;
+    position: absolute;
+    top: auto !important;
+    bottom: -9px;
+    right: 15px !important;
   }
+}
+
 .root {
   &:before {
     display: none !important;