feat : 需求征集新增/编辑/详情页面初始化

src/views/projectdemand/demandcollection/detail.vue

@@ -0,0 +1,119 @@
+<template>
+  <div class="detail-block">
+    <div class="left-info">
+      <baseTitle title="需求征集详情"></baseTitle>
+      <div class="info">
+        <div v-for="item in list">
+          <span>{{ item.title }}：</span>
+          <span>{{ item.text }}</span>
+        </div>
+      </div>
+      <baseTitle title="征集说明"></baseTitle>
+      <el-card>
+        {{ instructions }}
+      </el-card>
+      <baseTitle title="申请文件"></baseTitle>
+      <fvTable ref="tableIns" style="max-height: 200px" :tableConfig="tableConfig" @headBtnClick="headBtnClick" :pagination="false"></fvTable>
+      <baseTitle title="审核意见"></baseTitle>
+      <el-input
+          v-model="auditOpinion"
+          :rows="3"
+          type="textarea"
+          placeholder="请输入审核意见"
+      />
+    </div>
+    <div class="approval-record">
+      <baseTitle title="审批记录"></baseTitle>
+    </div>
+    <div class="oper-page-btn">
+      <el-button  @click="handleSubmit">驳回</el-button>
+      <el-button color="#DED0B2" @click="handleBack">同意</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="jsx">
+
+const list = ref([
+  {
+    title: '名称',
+    text: '名名称称名名称名称名称名称'
+  }, {
+    title: '所属公司',
+    text: '名称名称名称名称'
+  }, {
+    title: '征集类型',
+    text: '名称名称名称名称'
+  }, {
+    title: '截止时间',
+    text: '名称名称名称名称'
+  },
+])
+const instructions = ref('ds')
+const auditOpinion = ref('')
+const tableConfig = reactive({
+  columns: [
+    {
+      prop: 'roleName',
+      label: '文件名',
+      align: 'center'
+    },
+    {
+      prop: 'roleKey',
+      label: '标签',
+      align: 'center'
+    },
+    {
+      prop: 'oper',
+      label: '操作',
+      align: 'center',
+      width:'200px',
+      showOverflowTooltip: false,
+      currentRender: ({row, index}) => {
+        return (
+            <div>
+              <el-button type="primary" link onClick={() => handleDownload(row)}>下载
+              </el-button>
+            </div>
+        )
+      }
+    }
+  ],
+  api: '/admin/role'
+})
+
+</script>
+
+<style lang="scss" scoped>
+.detail-block {
+  display: flex;
+  justify-content: space-around;
+
+  .left-info {
+    flex: 0.6;
+    margin-right: 30px;
+
+    .info {
+      display: flex;
+      flex-wrap: wrap;
+
+      > div {
+        width: 350px;
+        margin-bottom: 15px;
+        margin-right: 10px;
+
+        > span:first-child {
+          color: black;
+          font-size: 16px;
+          font-weight: bold;
+        }
+      }
+    }
+  }
+
+  .approval-record {
+    flex: 0.4;
+  }
+}
+
+</style>