From fbca089683cf28e9c0685700e4c4f047ab05d715 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Wed, 17 Nov 2021 13:50:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=9B=E6=96=B0=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/asdm/partner.js           |  24 ++-
 src/router/modules/asdmSetting.js |   7 +
 src/views/asdm/about/index.vue    |   2 +-
 src/views/asdm/footer/index.vue   |   4 +-
 src/views/asdm/innovate/index.vue | 247 ++++++++++++++++++++++++++++++
 src/views/asdm/partner/index.vue  |   2 +-
 src/views/asdm/rotation/index.vue |  10 +-
 7 files changed, 287 insertions(+), 9 deletions(-)
 create mode 100644 src/views/asdm/innovate/index.vue

diff --git a/src/api/asdm/partner.js b/src/api/asdm/partner.js
index 2e91626..5b101e6 100644
--- a/src/api/asdm/partner.js
+++ b/src/api/asdm/partner.js
@@ -59,4 +59,26 @@ export function updateBottom(data) {
     method: 'post',
     data
   });
-}
\ No newline at end of file
+}
+// 获取科技创新列表
+export function innovateList(params) {
+  return request({
+    url: '/innovate/list',
+    params
+  });
+}
+// 添加/更新科技创新
+export function handleInnovate(data) {
+  return request({
+    url: '/innovate/handle',
+    method: 'post',
+    data
+  });
+}
+// 删除科技创新
+export function innovateDelete(params) {
+  return request({
+    url: '/innovate/delete',
+    params
+  });
+}
diff --git a/src/router/modules/asdmSetting.js b/src/router/modules/asdmSetting.js
index 142be56..174c0a4 100644
--- a/src/router/modules/asdmSetting.js
+++ b/src/router/modules/asdmSetting.js
@@ -14,6 +14,13 @@ const nestedRouter = {
       name: 'rotation',
       meta: { title: '轮播管理', icon: 'list' }
     },
+    {
+      path: 'innovate',
+      component: resolve =>
+        require(['@/views/asdm/innovate/index'], resolve),
+      name: 'innovate',
+      meta: { title: '创新服务', icon: 'list' }
+    },
     {
       path: 'about',
       component: resolve =>
diff --git a/src/views/asdm/about/index.vue b/src/views/asdm/about/index.vue
index 818905a..75eae8d 100644
--- a/src/views/asdm/about/index.vue
+++ b/src/views/asdm/about/index.vue
@@ -10,7 +10,7 @@
       >
         <el-form-item label="首页图片" prop="pic">
           <multi-upload v-model="selectProductPics" :maxCount="1"></multi-upload>
-          <span style="color:#999">● 建议上传614*345分辨率的照片</span>
+          <span style="color:#999">● 建议上传614*345分辨率的图片</span>
         </el-form-item>
         <el-form-item label="标题" prop="title">
           <el-input
diff --git a/src/views/asdm/footer/index.vue b/src/views/asdm/footer/index.vue
index eacda11..cd8a042 100644
--- a/src/views/asdm/footer/index.vue
+++ b/src/views/asdm/footer/index.vue
@@ -51,7 +51,7 @@
           <el-dialog :visible.sync="dialogVisible">
             <img width="100%" :src="dialogImageUrl" alt="">
           </el-dialog>
-          <span style="color:#999">● 建议上传100*100分辨率的照片</span>
+          <span style="color:#999">● 建议上传100*100分辨率的图片</span>
         </el-form-item>
         <el-form-item label="QQ群" prop="qq">
           <el-upload
@@ -70,7 +70,7 @@
           <el-dialog :visible.sync="dialogVisible">
             <img width="100%" :src="dialogImageUrl" alt="">
           </el-dialog>
-          <span style="color:#999">● 建议上传100*100分辨率的照片</span>
+          <span style="color:#999">● 建议上传100*100分辨率的图片</span>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
diff --git a/src/views/asdm/innovate/index.vue b/src/views/asdm/innovate/index.vue
new file mode 100644
index 0000000..f9f2be4
--- /dev/null
+++ b/src/views/asdm/innovate/index.vue
@@ -0,0 +1,247 @@
+<template>
+  <div class="app-container">
+    <el-card shadow="never">
+      <i class="el-icon-tickets"></i>
+      <span>数据列表</span>
+      <el-button class="mb15" style="float: right" @click="open" size="mini" type="primary">
+        添加创新
+      </el-button>
+    </el-card>
+    <el-table style="width: 100%" class="table-container" :data="rotationList">
+      <el-table-column
+        label="序号"
+        align="center"
+        type="index"
+      ></el-table-column>
+      <el-table-column label="创新图片" prop="pic" align="center">
+        <template slot-scope="scope">
+        <el-image
+          style="height: 100px"
+          :src="scope.row.pic"
+          fit="cover">
+        </el-image>
+      </template>
+      </el-table-column>
+      <el-table-column
+        label="创新名称"
+        align="center"
+        prop="title"
+      ></el-table-column>
+      <el-table-column
+        label="排序"
+        align="center"
+        prop="sort"
+      ></el-table-column>
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+      ></el-table-column>
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button @click="handleUpdate(scope.row)" type="text" size="small"
+            >编辑</el-button
+          >
+          <el-button @click="handleDelete(scope.row.id)" type="text" size="small"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <el-dialog
+      title="创新服务"
+      :visible.sync="dialogVisible"
+      width="50%">
+        <el-form
+        :model="ruleForm"
+        ref="ruleForm"
+        :rules="rules"
+        label-width="80px"
+      >
+        <el-form-item label="创新名称" prop="title">
+          <el-input placeholder="请输入" v-model="ruleForm.title"></el-input>
+        </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input placeholder="请输入" v-model="ruleForm.sort"></el-input>
+        </el-form-item>
+        <el-form-item label="详情" prop="details">
+          <editor v-model="ruleForm.details" :min-height="192" />
+        </el-form-item>
+        <el-form-item label="创新图片" prop="pic">
+          <multi-upload v-model="selectProductPics" :maxCount="1"></multi-upload>
+          <span style="color:#999">● 建议上传295*188分辨率的图片</span>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+// import { getRotationList,addRotation, deleteRotation, updateRotation } from '@/api/rotation';
+import { innovateList,handleInnovate, innovateDelete, updateRotation } from '@/api/asdm/partner';
+import MultiUpload from '@/components/Upload/multiUpload';
+import Editor from '@/components/Editor';
+const defaultParams = {
+  title:'',
+  sort: '0',
+  details:'',
+  pic: ''
+};
+export default {
+   components: {
+    MultiUpload,
+    Editor
+  },
+  data() {
+    return {
+      queryParams: {
+        title:undefined,
+        pageNum: 1,
+        pageSize: 10
+      },
+      total: 0,
+      rotationList: [],
+      dialogVisible: false,
+      ruleForm: Object.assign({},defaultParams),
+      rules: {
+        title: [{ required: true, message: '请输入', trigger: 'blur' }],
+        sort: [{ required: true, message: '请输入', trigger: 'blur' }],
+        details: [{ required: true, message: '请输入', trigger: 'blur' }],
+        pic: [{ required: true, message: '请上传', trigger: 'blur' }]
+      }
+    };
+  },
+  computed: {
+    //主图和画册图片
+    selectProductPics: {
+      get: function() {
+        let pics = [];
+        if (
+          this.ruleForm.pic === undefined ||
+          this.ruleForm.pic == null ||
+          this.ruleForm.pic === ''
+        ) {
+          return pics;
+        }
+        pics.push(this.ruleForm.pic);
+        if (
+          this.ruleForm.albumPics === undefined ||
+          this.ruleForm.albumPics == null ||
+          this.ruleForm.albumPics === ''
+        ) {
+          return pics;
+        }
+        let albumPics = this.ruleForm.albumPics.split(',');
+        for (let i = 0; i < albumPics.length; i++) {
+          pics.push(albumPics[i]);
+        }
+        return pics;
+      },
+      set: function(newValue) {
+        if (newValue == null || newValue.length === 0) {
+          this.ruleForm.pic = null;
+          this.ruleForm.albumPics = null;
+        } else {
+          this.ruleForm.pic = newValue[0];
+          // this.ruleForm.picList = newValue;
+          this.ruleForm.albumPics = '';
+          if (newValue.length > 1) {
+            for (let i = 1; i < newValue.length; i++) {
+              this.ruleForm.albumPics += newValue[i];
+              if (i !== newValue.length - 1) {
+                this.ruleForm.albumPics += ',';
+              }
+            }
+          }
+        }
+      }
+    }
+  },
+  methods: {
+    getList() {
+      innovateList(this.queryParams).then(({ data }) => {
+        this.rotationList = data.list;
+        this.total = data.total
+      });
+    },
+    open(){
+      this.ruleForm = Object.assign({}, defaultParams),
+      this.dialogVisible = true
+    },
+    handleUpdate(row){
+      this.ruleForm = Object.assign({}, row)
+      this.dialogVisible = true
+    },
+    submitForm(formName){
+      this.$refs[formName].validate(valid=>{
+        if(valid){
+          handleInnovate(this.ruleForm).then(res=>{
+              this.msgSuccess(res.data)
+              this.ruleForm = {
+                url: '',
+                pic: ''
+              }
+              this.getList()
+              this.dialogVisible = false
+            })
+          // if(this.ruleForm.id){
+          //   updateRotation(this.ruleForm).then(res=>{
+          //     this.msgSuccess(res.data)
+          //     this.ruleForm = {
+          //       url: '',
+          //       pic: ''
+          //     }
+          //     this.getList()
+          //     this.dialogVisible = false
+          //   })
+          // }else{
+          //   handleInnovate(this.ruleForm).then(res=>{
+          //     this.msgSuccess(res.data)
+          //     this.ruleForm = {
+          //       url: '',
+          //       pic: ''
+          //     }
+          //     this.getList()
+          //     this.dialogVisible = false
+          //   })
+          // }
+        }
+      })
+      // this.dialogVisible = false
+    },
+    /** 删除按钮操作 */
+    handleDelete(id) {
+      this.$confirm('确认删除该轮播图?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(function() {
+          return innovateDelete({id});
+        })
+        .then(() => {
+          this.getList();
+          this.msgSuccess('删除成功');
+        });
+    }
+  },
+  created() {
+    this.getList();
+  }
+};
+</script>
+<style lang="scss" scoped>
+// .el-tag + .el-tag {
+//   margin-left: 10px;
+// }
+</style>
diff --git a/src/views/asdm/partner/index.vue b/src/views/asdm/partner/index.vue
index f1e9fbe..222f0d0 100644
--- a/src/views/asdm/partner/index.vue
+++ b/src/views/asdm/partner/index.vue
@@ -78,7 +78,7 @@
         </el-form-item>
         <el-form-item label="Logo" prop="img">
           <multi-upload v-model="selectProductPics" :maxCount="1"></multi-upload>
-          <span style="color:#999">● 建议上传144*70分辨率的照片</span>
+          <span style="color:#999">● 建议上传144*70分辨率的图片</span>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
diff --git a/src/views/asdm/rotation/index.vue b/src/views/asdm/rotation/index.vue
index ec2c4cf..6d02da1 100644
--- a/src/views/asdm/rotation/index.vue
+++ b/src/views/asdm/rotation/index.vue
@@ -77,6 +77,10 @@
 <script>
 import { getRotationList,addRotation, deleteRotation, updateRotation } from '@/api/rotation';
 import MultiUpload from '@/components/Upload/multiUpload';
+const defaultParams = {
+  url: '',
+  pic: '',
+};
 export default {
    components: {
     MultiUpload
@@ -90,10 +94,7 @@ export default {
       total: 0,
       rotationList: [],
       dialogVisible: false,
-      ruleForm: {
-        url: '',
-        pic: ''
-      },
+      ruleForm: Object.assign({},defaultParams),
       rules: {
         url: [{ required: true, message: '请输入', trigger: 'blur' }],
         pic: [{ required: true, message: '请上传', trigger: 'blur' }]
@@ -154,6 +155,7 @@ export default {
       });
     },
     open(){
+      this.ruleForm = Object.assign({}, defaultParams),
       this.dialogVisible = true
     },
     handleUpdate(row){