添加成果图片展示

src/views/customer/index.vue

@@ -16,7 +16,7 @@
           <el-form-item label="企业名称">
             <el-input
               v-model="queryParams.companyName"
-              @input="e => queryParams.companyName = stripscript(e)"
+              @input="e => (queryParams.companyName = stripscript(e))"
               placeholder="请输入"
               style="min-width:270px"
             />
@@ -126,36 +126,49 @@
       </el-table-column>
       <el-table-column label="操作" align="center">
         <template slot-scope="scope">
-          <el-button @click="handlePage(scope.row.id)" type="text" size="small"
-            >编辑</el-button
-          >
-          <el-button
-            @click="handleStatus(scope.row.id, false)"
-            type="text"
-            size="small"
-            v-if="scope.row.deleteStatus != 1"
-            >禁用</el-button
-          >
-          <el-button
-            @click="handleStatus(scope.row.id, true)"
-            type="text"
-            size="small"
-            v-else
-            >启用</el-button
-          >
-          <el-button
-            @click="handleDelete(scope.row.id)"
-            type="text"
-            size="small"
-            >删除</el-button
-          >
-          <el-button
-            @click="handleDialog(scope.row)"
-            type="text"
-            size="small"
-            :disabled="!scope.row.assess ? true : false"
-            >评估结果</el-button
-          >
+          <p>
+            <el-button
+              @click="handlePage(scope.row.id)"
+              type="text"
+              size="small"
+              >编辑</el-button
+            >
+            <el-button
+              @click="handleStatus(scope.row.id, false)"
+              type="text"
+              size="small"
+              v-if="scope.row.deleteStatus != 1"
+              >禁用</el-button
+            >
+            <el-button
+              @click="handleStatus(scope.row.id, true)"
+              type="text"
+              size="small"
+              v-else
+              >启用</el-button
+            >
+            <el-button
+              @click="handleDelete(scope.row.id)"
+              type="text"
+              size="small"
+              >删除</el-button
+            >
+          </p>
+          <p>
+            <el-button
+              @click="handleCollecDialog(scope.row)"
+              type="text"
+              size="small"
+              >收藏统计</el-button
+            >
+            <el-button
+              @click="handleDialog(scope.row)"
+              type="text"
+              size="small"
+              :disabled="!scope.row.assess ? true : false"
+              >评估结果</el-button
+            >
+          </p>
         </template>
       </el-table-column>
     </el-table>
@@ -204,12 +217,74 @@
         <el-button @click="upload.open = false">取 消</el-button>
       </div>
     </el-dialog> -->
+    <!-- 收藏列表弹框 -->
+    <el-dialog title="收藏列表" :visible.sync="openDialog" width="78%">
+      <el-table :data="dialogData">
+        <el-table-column
+          property="id"
+          label="序号"
+          width="120"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          property="method"
+          label="产生"
+          width="150"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{
+              methodOptions.filter(item => item.value == scope.row.method)[0]
+                .label
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="title"
+          label="政策标题"
+          align="center"
+        ></el-table-column>
+        <el-table-column property="level" label="级别" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.level == 1">安徽省</span>
+            <span v-if="scope.row.level == 2">地级市</span>
+            <span v-if="scope.row.level == 3">合肥区县</span>
+          </template>
+        </el-table-column>
+        <el-table-column property="attribute" label="归口" align="center">
+          <template slot-scope="scope">
+            {{
+              attributeOptions.filter(
+                item => item.value == scope.row.attribute
+              )[0].label
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="listDate"
+          label="发布日期"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          property="source"
+          label="来源"
+          align="center"
+        ></el-table-column>
+      </el-table>
+      <pagination
+        v-show="dialogTotal > 0"
+        :total="dialogTotal"
+        :page.sync="query.pageNum"
+        :limit.sync="query.pageSize"
+        @pagination="getCollecList"
+      />
+    </el-dialog>
     <!-- 评估结果弹框 -->
     <el-dialog
       class="result-dialog"
       title="评估结果"
       :visible.sync="dialogVisible"
-      width="78%"
+      width="55%"
     >
       <el-row :gutter="20">
         <el-col :span="24">
@@ -435,6 +510,36 @@ export default {
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + '/system/user/importData'
       },
+      // 产出选项
+      methodOptions: [
+        {
+          value: 1,
+          label: '爬虫'
+        },
+        {
+          value: 2,
+          label: '手动添加'
+        }
+      ],
+      // 归口选项
+      attributeOptions: [
+        {
+          value: 'KJJ',
+          label: '科技'
+        },
+        {
+          value: 'JXJ',
+          label: '经信'
+        },
+        {
+          value: 'FGW',
+          label: '发改'
+        },
+        {
+          value: 'OTHER',
+          label: '其他'
+        }
+      ],
       optionList1: [
         {
           value: '2',
@@ -459,7 +564,14 @@ export default {
           label: '未评估'
         }
       ],
+      openDialog: false,
       dialogVisible: false,
+      query: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      dialogTotal: 0,
+      dialogData: [],
       formA: {},
       oneMenuList: [], // 所属领域一级菜单
       twoMenuList: [], // 所属领域二级菜单
@@ -544,6 +656,36 @@ export default {
       data.regTime = parseTime(data.regTime);
       this.formA = data;
     },
+    handleCollecDialog(row) {
+      this.openDialog = true;
+      console.log(row.id);
+      this.getCollecList();
+    },
+    getCollecList() {
+      this.dialogData = [
+        {
+          id: '1447500160736436224',
+          method: 1,
+          title:
+            '关于公开征求《合肥市外国专家“合肥友谊奖”考核暂行办法》（修订版）意见的通知',
+          level: 3,
+          attribute: 'KJJ',
+          listDate: '2021-10-11',
+          source: '外国专家与科技人才管理服务处'
+        },
+        {
+          id: '1447500160736436225',
+          method: 1,
+          title:
+            '关于公开征求《合肥市外国专家“合肥友谊奖”考核暂行办法》（修订版）意见的通知',
+          level: 3,
+          attribute: 'KJJ',
+          listDate: '2021-10-11',
+          source: '外国专家与科技人才管理服务处'
+        }
+      ];
+      this.dialogTotal = this.dialogData.length;
+    },
     /** 下载模板操作 */
     importTemplate() {
       // importTemplate().then(response => {
@@ -578,7 +720,7 @@ export default {
 }
 @media screen and (min-width: 1440px) {
   /deep/.el-dialog {
-    width: 55% !important;
+    // width: 55% !important;
     .el-form-item {
       margin-bottom: 12px;
     }

src/views/technology/achievement/index.vue

@@ -48,6 +48,20 @@
           }}</el-link>
         </template> -->
       </el-table-column>
+      <el-table-column
+        label="成果图片"
+        align="center"
+        prop="fieldName"
+      >
+      <template slot-scope="scope">
+        <el-image
+          style="width: 100px; height: 100px"
+          :src="scope.row.picList[0]"
+          fit="cover"
+        >
+        </el-image>
+      </template>
+      </el-table-column>
       <el-table-column
         label="技术领域"
         align="center"