页面修改

src/components/Index.vue

@@ -106,7 +106,7 @@
               <el-table-column prop="address" label="操作">
                 <template slot-scope="scope">
                   <el-button size="mini" type="info" plain @click="EditMall(scope.row)">编辑 </el-button>
-                  <el-button size="mini" type="info" plain @click="upCopyRight=true">版权</el-button>
+                  <el-button size="mini" type="info" plain @click="GetCopyRight(scope.row)">版权</el-button>
                   <el-button size="mini" type="info" plain @click="RemmoveMall(scope.row)">禁用</el-button>
                 </template>
               </el-table-column>
@@ -252,30 +252,30 @@
     <el-dialog title="修改版权" :visible.sync="upCopyRight" width="500px">
       <el-form :model="copyRightMsg" ref="copyRightMsg" label-width="150px">
         <el-form-item label="底部版权文字">
-          <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="copyRightMsg.Name">
+          <el-input type="text" style="width:250px" size="small" maxlength="100" v-model="copyRightMsg.CopyRightWord">
           </el-input>
         </el-form-item>
         <el-form-item label="底部版权图标">
-            <div>
-                <el-tooltip class="item" effect="dark" content="建议尺寸:160*50" placement="top-start">
-                  <el-upload class="avatar-uploader" action="" accept="image/jpeg,image/gif,image/png,image/bmp"
-                    :show-file-list="false" :http-request="UploadImage">
-                    <el-button size="small">选择图片</el-button>
-                  </el-upload>
-                </el-tooltip>
-            </div>
-            <div class="indexApp_image">
-                <img v-if="copyRightMsg.img" :src="copyRightMsg.img" alt=""/>
-            </div>
+          <div>
+            <el-tooltip class="item" effect="dark" content="建议尺寸:160*50" placement="top-start">
+              <el-upload class="avatar-uploader" action="" accept="image/jpeg,image/gif,image/png,image/bmp"
+                :show-file-list="false" :http-request="UploadImage">
+                <el-button size="small">选择图片</el-button>
+              </el-upload>
+            </el-tooltip>
+          </div>
+          <div class="indexApp_image">
+            <img v-if="copyRightMsg.CopyRightImg" :src="copyRightMsg.CopyRightImg" alt="" />
+          </div>
         </el-form-item>
         <el-form-item label="底部版权链接">
-          <el-input type="password" style="width:250px" size="small" maxlength="25" v-model="copyRightMsg.Url">
+          <el-input style="width:250px" size="small" maxlength="25" v-model="copyRightMsg.CopyRightLink">
           </el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="upCopyRight = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="upPassWord()">确 定</el-button>
+        <el-button size="small" type="primary" @click="UpdateCopyRight()">确 定</el-button>
       </span>
     </el-dialog>
 
@@ -410,7 +410,7 @@
         val: '',
         dialogVisible: false,
         upDatePwd: false,
-        upCopyRight:false,
+        upCopyRight: false,
         addMsg: {},
         qMsg: {
           pageIndex: 1,
@@ -433,10 +433,11 @@
           Password2: ''
         },
         //修改版权MSG
-        copyRightMsg:{
-          Name:'',
-          img:'',
-          Url:''
+        copyRightMsg: {
+          MallBaseId: 0, //小程序Id
+          CopyRightWord: '', //版权文字
+          CopyRightImg: '', //版权图片
+          CopyRightLink: '', //版权链接
         },
         rules: {
           name: [{
@@ -661,13 +662,40 @@
         })
       },
       //选择图片
-      UploadImage(file){
+      UploadImage(file) {
         this.UploadFileToTencent(this.FileType().UserImg, file.file, res => {
           if (res.resultCode == 1) {
-            this.copyRightMsg.img = res.FileUrl;
+            this.copyRightMsg.CopyRightImg = res.FileUrl;
           }
         })
-      }
+      },
+      //版权信息
+      GetCopyRight(item) {
+        this.upCopyRight = true;
+        this.copyRightMsg.MallBaseId = item.MallBaseId;
+        this.apipost("/api/Tenant/GetMiniPrograme", {
+          MallBaseId: item.MallBaseId,
+        }, res => {
+          if (res.data.resultCode == 1) {
+            this.copyRightMsg.CopyRightWord = res.data.data.CopyRightWord;
+            this.copyRightMsg.CopyRightImg = res.data.data.CopyRightImg;
+            this.copyRightMsg.CopyRightLink = res.data.data.CopyRightLink;
+          } else {
+            this.Info(res.data.message);
+          }
+        })
+      },
+      //修改版权
+      UpdateCopyRight() {
+        this.apipost("/api/Tenant/SetMiniProgrameCopyRight", this.copyRightMsg, res => {
+          if (res.data.resultCode == 1) {
+            this.getMiniPrograme();
+            this.upCopyRight = false;
+          } else {
+            this.Info(res.data.message);
+          }
+        })
+      },
     },
     mounted() {
       this.init();
@@ -850,11 +878,15 @@
     display: flex;
     justify-content: space-between;
   }
-  .indexApp_image{
-    width:160px;
-    height:50px;
+
+  .indexApp_image {
+    width: 160px;
+    height: 50px;
   }
-  .indexApp_image img{
-    width:100%;height:100%;
+
+  .indexApp_image img {
+    width: 100%;
+    height: 100%;
   }
+
 </style>