revise issuer

src/api/issuer/create/index.js

@@ -0,0 +1,7 @@
+import request from '@/utils/request'
+import axios from 'axios'
+
+// 修改发行方
+export function updateIssuer(data) {
+  return axios.post('/issuer/update',data);
+}

src/api/issuer/list/index.js

@@ -9,7 +9,4 @@ export function getIssuerList(data) {
 export function deleteIssuer(id) {
   return axios.post('/issuer/delete',id);
 }
-// 修改发行方
-export function updateIssuer(data) {
-  return axios.post('/issuer/update',data);
-}
+

src/mock/index.js

@@ -363,8 +363,17 @@ Mock.mock("/issuer/delete", "post", (params) => {
 // 修改
 Mock.mock("/issuer/update", "post", (params) => {
   let body = JSON.parse(params.body);
-  let { issuerID, avatar, issuerName } = body;
-
+  let { issuerData } = body;
+  function findIndex(id){
+    for(let i=0; i<issuerList.data.length; i++){
+      if(issuerList.data[i].issuerID == id)
+        return i;
+    }
+    return -1;
+  }
+  let index = findIndex(issuerData.issuerID);
+  issuerList.data[index] = issuerData;
+  // console.log("修改后",issuerList.data[index]);
   return {
     code: 200,
     message: "success",

src/views/issuer/issuer1/index.vue

@@ -87,7 +87,7 @@
 </template>
 
 <script>
-import { getIssuerList, deleteIssuer, updateIssuer } from '@/api/issuer/list'
+import { getIssuerList, deleteIssuer } from '@/api/issuer/list'
 
 export default {
   name: "User",
@@ -151,7 +151,7 @@ export default {
     },
     // 修改按钮
     handleUpdate(row){
-      
+      this.$router.push({ name:"createIssuer",params:{ row }});
     },
     // 删除按钮
     handleDelete(row){

src/views/issuer/issuer2/index.vue

@@ -15,15 +15,15 @@
             class="demo-ruleForm"
           >
             <!-- 表单项组件 -->
-            <el-form-item label="发行方名称:" prop="name">
+            <el-form-item label="发行方名称:" prop="issuerName">
               <el-input
-                v-model="ruleForm.name"
+                v-model="ruleForm.issuerName"
                 placeholder="请输入发行方名称"
               ></el-input>
             </el-form-item>
-            <el-form-item label="联系人:" prop="user">
+            <el-form-item label="联系人:" prop="contact">
               <el-input
-                v-model="ruleForm.user"
+                v-model="ruleForm.contact"
                 placeholder="请输入联系人"
               ></el-input>
             </el-form-item>
@@ -70,8 +70,8 @@
                 v-model="ruleForm.remarks"
               ></el-input>
             </el-form-item>
-            <!-- 按钮 -->
-            <div class="button">
+            <!-- 创建按钮 -->
+            <div class="button" v-show="createVisible">
               <el-form-item>
                 <el-button type="primary" @click="submitForm('ruleForm')">
                   提交
@@ -79,6 +79,15 @@
                 <el-button @click="resetForm('ruleForm')">重置</el-button>
               </el-form-item>
             </div>
+            <!-- 修改按钮 -->
+            <div class="button" v-show="!createVisible">
+              <el-form-item>
+                <el-button type="primary" @click="update">
+                  提交
+                </el-button>
+                <el-button @click="cancel">取消</el-button>
+              </el-form-item>
+            </div>
           </el-form>
         </div>
       </el-card>
@@ -86,7 +95,7 @@
   </template>
   <script>
   // 引入接口 修改到api文件夹对应的文件夹下
-  import { createIssuer, uploadAvatar } from "@/api/issuer/create";
+  import { createIssuer, uploadAvatar, updateIssuer } from "@/api/issuer/create";
   
   export default {
     name: "IssuerCreate",
@@ -94,10 +103,12 @@
       return {
         // 表单数据
         ruleForm: {
+          // 发行方ID
+          issuerID:"",
           // 发行方名称
-          name: "",
+          issuerName: "",
           // 联系人
-          user: "",
+          contact: "",
           // 联系电话
           phone: "",
           // 电子邮箱
@@ -116,8 +127,16 @@
             { required: true, message: "请输入发行方名称", trigger: "blur" },
           ],
         },
+        // 
+        // 修改--发行方数据
+        row:{},
+        // 按钮可见性
+        createVisible:true,
       };
     },
+    created(){
+      this.getRow();
+    },
     methods: {
       // 提交表单
       submitForm(formName) {
@@ -160,14 +179,60 @@
       resetForm(formName) {
         this.$refs[formName].resetFields();
       },
+      // 获取修改发行方信息
+      getRow(){
+        if(this.$route.params.row){
+          this.ruleForm = {...this.$route.params.row};
+          this.row = {...this.$route.params.row};
+          this.createVisible = false;
+        }
+      },
+      // 修改--提交按钮
+      update(){
+        function isSame(obj1,obj2){
+          for(let key in obj1){
+            if(obj1[key] != obj2[key])
+              return false;
+          }
+          return true;
+        }
+        if(isSame(this.row,this.ruleForm)){
+          this.$message({
+            message: '数据没有进行修改',
+            type: 'warning'
+          });
+          return;
+        }
+        this.$confirm('是否确认修改?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          updateIssuer({ issuerData:this.ruleForm }).then(()=>{
+            this.$message({
+              type: 'success',
+              message: '修改成功!'
+            });
+            this.$router.back();
+          }).catch(()=>{
+            this.$message({
+              type: 'error',
+              message: '修改失败!'
+            });
+          })
+        }).catch(_=>_);
+      },
+      cancel(){
+        this.$router.back();
+      }
     },
   };
   </script>
   
   <style>
   .announcementBox {
+    margin: 0 auto;
     margin-top: 40px;
-    margin-left: 300px;
   }
   .avatar-uploader .el-upload {
     border: 1px dashed #d9d9d9;

vue.config.js

@@ -35,7 +35,7 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://39.105.160.25:10995/#/login`,
+        target: `http://39.105.160.25:10995`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''