huangyujie
/
qihang-ecom-erp-open
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化店铺授权

This commit is contained in:
Richie 2025-03-24 13:11:39 +08:00
parent 5538b901bb
commit 61baca4e0c
2 changed files with 251 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

373
vue/src/views/shop/online_shop.vue
View File

@ -9,8 +9,8 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="平台" prop="platform"> <el-form-item label="平台" prop="type">
<el-select v-model="queryParams.platform" placeholder="请选择平台" clearable> <el-select v-model="queryParams.type" placeholder="请选择平台" clearable>
<el-option <el-option
v-for="item in typeList" v-for="item in typeList"
:key="item.id" :key="item.id"
@ -34,41 +34,27 @@
icon="el-icon-plus" icon="el-icon-plus"
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['shop:shop:add']"
>新增</el-button> >新增</el-button>
</el-col> </el-col>
<!-- <el-col :span="1.5">--> <el-col :span="1.5">
<!-- <el-button--> <el-button
<!-- type="success"--> type="success"
<!-- plain--> plain
<!-- icon="el-icon-edit"--> icon="el-icon-edit"
<!-- size="mini"--> size="mini"
<!-- :disabled="single"--> :disabled="single"
<!-- @click="handleUpdate"--> @click="handleUpdate"
<!-- v-hasPermi="['shop:shop:edit']"--> >修改</el-button>
<!-- >修改</el-button>--> </el-col>
<!-- </el-col>--> <el-col :span="1.5">
<!-- <el-col :span="1.5">--> <el-button
<!-- <el-button--> type="danger"
<!-- type="danger"--> plain
<!-- plain--> icon="el-icon-delete"
<!-- icon="el-icon-delete"--> size="mini"
<!-- size="mini"--> :disabled="multiple"
<!-- :disabled="multiple"--> >删除</el-button>
<!-- @click="handleDelete"--> </el-col>
<!-- v-hasPermi="['shop:shop:remove']"-->
<!-- >删除</el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="warning"-->
<!-- plain-->
<!-- icon="el-icon-download"-->
<!-- size="mini"-->
<!-- @click="handleExport"-->
<!-- v-hasPermi="['shop:shop:export']"-->
<!-- >导出</el-button>-->
<!-- </el-col>-->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
@ -76,35 +62,38 @@
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="店铺ID" align="center" prop="id" /> <el-table-column label="店铺ID" align="center" prop="id" />
<el-table-column label="店铺名" align="center" prop="name" /> <el-table-column label="店铺名" align="center" prop="name" />
<!-- <el-table-column label="店铺别名" align="center" prop="nickName" /> --> <el-table-column label="平台" align="center" prop="type" >
<!-- <el-table-column label="标识" align="center" prop="ename" /> -->
<!-- <el-table-column label="店铺主体" align="center" prop="company" /> -->
<el-table-column label="平台" align="center" prop="platform" >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.platform === 1">1688</el-tag> <el-tag >{{typeList.find(x=>x.id === scope.row.type)?typeList.find(x=>x.id === scope.row.type).name:''}}</el-tag>
<el-tag v-if="scope.row.platform === 2">视频号小店</el-tag>
<el-tag v-if="scope.row.platform === 3">京东</el-tag>
<el-tag v-if="scope.row.platform === 4">淘系店铺</el-tag>
<el-tag v-if="scope.row.platform === 5">拼多多</el-tag>
<el-tag v-if="scope.row.platform === 6">抖店</el-tag>
<el-tag v-if="scope.row.platform === 7">小红书</el-tag>
<el-tag v-if="scope.row.platform === 8">快手小店</el-tag>
<el-tag v-if="scope.row.platform === 99">其他</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="店铺url" align="center" prop="url" /> --> <el-table-column label="店铺ID" align="center" prop="sellerId" />
<!-- <el-table-column label="排序" align="center" prop="orderNum" /> --> <el-table-column label="accessToken" align="center" prop="accessToken" />
<!-- <el-table-column label="是否删除0否1是" align="center" prop="isDelete" /> -->
<!-- <el-table-column label="是否显示(0：是1否）" align="center" prop="isShow" /> -->
<!-- <el-table-column label="更新时间" align="center" prop="modifyOn" /> -->
<el-table-column label="描述" align="center" prop="remark" /> <el-table-column label="描述" align="center" prop="remark" />
<!-- <el-table-column label="第三方平台店铺id，淘宝天猫开放平台使用" align="center" prop="sellerUserId" /> --> <el-table-column label="状态" align="center" prop="status" >
<!-- <el-table-column label="卖家userId" align="center" prop="sellerUserIdStr" /> --> <template slot-scope="scope">
<el-table-column label="AccessToken" align="center" prop="accessToken" /> <el-tag v-if="scope.row.status===1">启用</el-tag>
<!-- <el-table-column label="Appkey暂时抖音用" align="center" prop="appkey" /> --> <el-tag v-if="scope.row.status===0">禁用</el-tag>
<!-- <el-table-column label="Appsercet暂时抖音用" align="center" prop="appSercet" /> --> </template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button-->
<!-- type="primary"-->
<!-- plain-->
<!-- icon="el-icon-s-goods"-->
<!-- size="mini"-->
<!-- @click="handleGoodsList(scope.row)"-->
<!-- >店铺商品管理</el-button>-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- plain-->
<!-- icon="el-icon-edit"-->
<!-- size="mini"-->
<!-- @click="handleLogistics(scope.row)"-->
<!-- >快递公司库</el-button>-->
<el-row> <el-row>
<el-button <el-button
size="mini" size="mini"
@ -121,16 +110,14 @@
v-hasPermi="['shop:shop:remove']" v-hasPermi="['shop:shop:remove']"
>删除</el-button> >删除</el-button>
</el-row> </el-row>
<el-button <el-button
v-if="scope.row.platform !== 99" v-if="scope.row.type===100 || scope.row.type===200 || scope.row.type===280 || scope.row.type===300"
type="success" type="success"
plain plain
icon="el-icon-refresh" icon="el-icon-refresh"
size="mini" size="mini"
@click="handleUpdateToken(scope.row)" @click="handleUpdateToken(scope.row)"
>更新AccessToken</el-button> >更新AccessToken</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -145,12 +132,12 @@
<!-- 添加或修改店铺对话框 --> <!-- 添加或修改店铺对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="128px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="店铺名" prop="name"> <el-form-item label="店铺名" prop="name">
<el-input v-model="form.name" placeholder="请输入店铺名" /> <el-input v-model="form.name" placeholder="请输入店铺名" />
</el-form-item> </el-form-item>
<el-form-item label="平台" prop="platform"> <el-form-item label="平台" prop="type">
<el-select v-model="form.platform" placeholder="请选择店铺平台"> <el-select v-model="form.type" placeholder="请选择平台">
<el-option <el-option
v-for="item in typeList" v-for="item in typeList"
:key="item.id" :key="item.id"
@ -159,26 +146,19 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="店铺别名" prop="nickName"> <el-form-item label="卖家Id" prop="sellerId">
<el-input v-model="form.nickName" placeholder="请输入店铺别名" /> <el-input v-model="form.sellerId" placeholder="请输入卖家Id名" />
</el-form-item>
<el-form-item label="平台店铺ID" prop="sellerShopId">
<el-input v-model="form.sellerShopId" placeholder="请输入平台ShopId" />
</el-form-item>
<el-form-item label="视频号appKey" prop="appKey" v-if="form.platform === 2">
<el-input v-model="form.appKey" placeholder="请输入视频号appKey" />
</el-form-item>
<el-form-item label="视频号appSercet" prop="appSercet" v-if="form.platform === 2">
<el-input v-model="form.appSercet" placeholder="请输入视频号appSercet" />
</el-form-item>
<el-form-item label="AccessToken" prop="accessToken" >
<el-input v-model="form.accessToken" type="textarea" placeholder="请输入accessToken" />
</el-form-item> </el-form-item>
<el-form-item label="描述" prop="remark"> <el-form-item label="描述" prop="remark">
<el-input type="textarea" v-model="form.remark" placeholder="请输入描述" /> <el-input type="textarea" v-model="form.remark" placeholder="请输入描述" />
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="状态">
<el-option label="启用" value="1"></el-option>
<el-option label="禁用" value="0"></el-option>
</el-select>
</el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -186,16 +166,21 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog :title="title" :visible.sync="authOpen" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="authOpen" width="500px" append-to-body>
<el-form ref="tokenForm" :model="tokenForm" :rules="rules" label-width="80px"> <el-form ref="tokenForm" :model="tokenForm" :rules="rules" label-width="120px">
<el-descriptions > <el-descriptions >
<el-descriptions-item label="授权URL："> {{ tokenForm.url }}</el-descriptions-item> <el-descriptions-item label="授权URL"> {{ tokenForm.url }}</el-descriptions-item>
</el-descriptions>
<el-descriptions v-if="tokenForm.shopType === 100">
<el-descriptions-item label="请设置淘宝开放平台回调URL"> http://127.0.0.1:8088/api/open-api/tao/code_callback</el-descriptions-item>
</el-descriptions> </el-descriptions>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
请手动复制上面的URL到浏览器中访问 请手动复制上面的URL到浏览器中访问
</div> </div>
<el-form-item label="code" prop="code"> <el-form-item label="top_session" prop="code" v-if="tokenForm.shopType===100">
<el-input type="textarea" v-model="tokenForm.code" placeholder="请复制淘宝授权后跳转页面的top_session参数值到这里" />
</el-form-item>
<el-form-item label="code" prop="code" v-if="tokenForm.shopType!==100">
<el-input type="textarea" v-model="tokenForm.code" placeholder="请把授权后的code复制到这里" /> <el-input type="textarea" v-model="tokenForm.code" placeholder="请把授权后的code复制到这里" />
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -203,21 +188,22 @@
<el-button type="primary" @click="getTokenSubmit">确 定</el-button> <el-button type="primary" @click="getTokenSubmit">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
<!-- <div slot="footer" class="dialog-footer">--> <!-- <div slot="footer" class="dialog-footer">-->
<!-- 请手动复制上面的URL到浏览器中访问--> <!-- 请手动复制上面的URL到浏览器中访问-->
<!-- </div>--> <!-- </div>-->
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {listShop, getShop, delShop, addShop, updateShop, listPlatform} from "@/api/shop/shop"; import { listShop,listPlatform, getShop, delShop, addShop, updateShop } from "@/api/shop/shop";
import {getJdOAuthUrl, getJdToken} from "@/api/jd/shop"; import {getJdOAuthUrl, getJdToken} from "@/api/jd/shop";
import {getTaoOAuthUrl, getTaoToken} from "@/api/tao/shop"; import {getTaoOAuthUrl,saveSessionKey} from "@/api/tao/shop_api";
import {float} from "quill/ui/icons";
import {getPddOAuthUrl,getPddToken} from "@/api/pdd/shop"; import {getPddOAuthUrl,getPddToken} from "@/api/pdd/shop";
export default { export default {
name: "OnlineShop", name: "Shop",
data() { data() {
return { return {
// 遮罩层 // 遮罩层
@ -239,46 +225,39 @@ export default {
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
apiOpen: false,
authOpen: false, authOpen: false,
apiOpen: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
name: null, name: null,
platform: null type: null
}, },
// 表单参数 // 表单参数
form: { form: {
platform:null type:null
}, },
// 获取token表单 // 获取token表单
tokenForm:{ tokenForm:{
shopId: null, shopId: null,
shopType: null shopType: null,
code:null
}, },
// 表单校验 // 表单校验
rules: { rules: {
name: [ name: [{ required: true, message: "店铺名不能为空", trigger: "blur" }],
{ required: true, message: "店铺名不能为空", trigger: "blur" } type: [{ required: true, message: "请选择平台", trigger: "change" }],
], sellerId: [{ required: true, message: "不能为空", trigger: "change" }],
platform: [{ required: true, message: "请选择平台", trigger: "change" }],
sellerShopId: [{ required: true, message: "不能为空", trigger: "change" }],
code: [{ required: true, message: "不能为空", trigger: "change" }], code: [{ required: true, message: "不能为空", trigger: "change" }],
} }
}; };
}, },
created() { created() {
listPlatform().then(res=>{ listPlatform().then(res => {
this.typeList = res.rows; this.typeList = res.rows;
if(this.$route.query.platform){
this.queryParams.platform = parseInt(this.$route.query.platform)
}
this.getList();
}) })
this.getList();
}, },
methods: { methods: {
/** 查询店铺列表 */ /** 查询店铺列表 */
@ -294,29 +273,12 @@ export default {
cancel() { cancel() {
this.open = false; this.open = false;
this.apiOpen = false; this.apiOpen = false;
this.authOpen = false this.authOpen = false;
this.reset(); this.reset();
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
id: null,
name: null,
nickName: null,
ename: null,
company: null,
type: null,
url: null,
orderNum: null,
isDelete: null,
isShow: null,
modifyOn: null,
remark: null,
sellerUserId: null,
sellerUserIdStr: null,
sessionKey: null,
appkey: null,
appSercet: null
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -342,22 +304,53 @@ export default {
this.open = true; this.open = true;
this.title = "添加店铺"; this.title = "添加店铺";
}, },
handleUpdateToken(row){
console.log("获取token",row)
if(row.type === 200 || row.type === 280){
getJdOAuthUrl({shopId:row.id}).then(response => {
console.log("获取token=====jd ",response)
this.authOpen = true;
this.title = "更新店铺授权";
this.tokenForm.url = response.data
this.tokenForm.shopId = row.id
this.tokenForm.shopType = row.type
})
}else if(row.type ===100){
getTaoOAuthUrl({shopId:row.id}).then(response => {
console.log("获取token=====tao ",response)
this.authOpen = true;
this.title = "更新店铺授权";
this.tokenForm.url = response.data
this.tokenForm.shopId = row.id
this.tokenForm.shopType = row.type
})
}else if(row.type ===300){
getPddOAuthUrl({shopId:row.id}).then(response => {
console.log("获取token=====pdd ",response)
this.authOpen = true;
this.title = "更新店铺授权";
this.tokenForm.url = response.data
this.tokenForm.shopId = row.id
this.tokenForm.shopType = row.type
})
}
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id || this.ids const id = row.id || this.ids
getShop(id).then(response => { getShop(id).then(response => {
this.form = response.data; this.form = response.data;
this.$nextTick(()=>{ this.form.status = response.data.status+''
this.form.type = response.data.type+''; // this.$nextTick(()=>{
}) // this.form.type = response.data.type;
// })
this.open = true; this.open = true;
this.title = "修改店铺"; this.title = "修改店铺";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
@ -379,6 +372,32 @@ export default {
} }
}); });
}, },
getTokenSubmit(){
this.$refs["tokenForm"].validate(valid => {
if (valid) {
console.log("=====更新token=====",this.tokenForm)
if(this.tokenForm.shopType === 100){
saveSessionKey(this.tokenForm).then(resp=>{
this.authOpen = false
this.$modal.msgSuccess("SessionKey保存成功");
this.getList()
});
} else if(this.tokenForm.shopType === 200 || this.tokenForm.shopType === 280){
getJdToken(this.tokenForm).then(response => {
this.authOpen = false
this.$modal.msgSuccess("授权成功");
this.getList()
});
}else if(this.tokenForm.shopType === 300){
getPddToken(this.tokenForm).then(response => {
this.authOpen = false
this.$modal.msgSuccess("授权成功");
this.getList()
});
}
}
})
},
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
@ -389,67 +408,29 @@ export default {
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => {}); }).catch(() => {});
}, },
handleUpdateToken(row){ handleGoodsList(row){
console.log("获取token",row) console.log('=======商品list=====',row)
if(row.platform === 2){ if(row.type === 1){
this.$modal.msgSuccess("视频号小店后台会自动获取token，无需手动授权！"); this.$router.push({path:'/shop/goods/tao_goods_list',query:{shopId:row.id}})
}else if(row.type === 2){
this.$router.push({path:'/shop/goods/jd_goods_list',query:{shopId:row.id}})
}else if(row.type === 3){
this.$router.push({path:'/shop/goods/dou_goods_list',query:{shopId:row.id}})
}else if(row.type === 4){
this.$router.push({path:'/shop/goods/pdd_goods_list',query:{shopId:row.id}})
} }
if(row.platform === 3){ },
getJdOAuthUrl({shopId:row.id}).then(response => { handleLogistics(row) {
console.log("获取token=====jd ",response) if(row.type === 1){
this.authOpen = true; this.$router.push({path:"/shop/logistics_companies",query:{id:row.type}})
this.title = "更新店铺授权"; }else if(row.type === 2){
this.tokenForm.url = response.data this.$router.push({path:"/shop/logistics_companies",query:{id:row.type,shopId:row.id}})
this.tokenForm.shopId = row.id } else if(row.type === 3){
this.tokenForm.platform = row.platform this.$router.push({path:"/shop/logistics_companies",query:{id:row.type,shopId:row.id}})
}) } else if(row.type === 4){
}else if(row.platform === 4){ this.$router.push({path:"/shop/logistics_companies",query:{id:row.type,shopId:row.id}})
getTaoOAuthUrl({shopId:row.id}).then(response => {
console.log("获取token=====tao ",response)
this.authOpen = true;
this.title = "更新店铺授权";
this.tokenForm.url = response.data
this.tokenForm.shopId = row.id
this.tokenForm.platform = row.platform
})
}else if(row.platform ===5){
getPddOAuthUrl({shopId:row.id}).then(response => {
console.log("获取token=====pdd ",response)
this.authOpen = true;
this.title = "更新店铺授权";
this.tokenForm.url = response.data
this.tokenForm.shopId = row.id
this.tokenForm.platform = row.platform
})
}else if(row.platform === 6){
this.$modal.msgSuccess("抖店后台会自动获取token，无需手动授权！");
}else if(row.platform === 7){
this.$modal.msgError("还未实现小红书接入！敬请期待！");
}else if(row.platform === 8){
this.$modal.msgError("还未实现快手小店接入！敬请期待！");
} }
}
},
getTokenSubmit(){
this.$refs["tokenForm"].validate(valid => {
if (valid) {
console.log("=====更新token=====",this.tokenForm)
if(this.tokenForm.platform === 3){
getJdToken(this.tokenForm).then(response => {
this.authOpen = false
this.$modal.msgSuccess("授权成功");
});
}else if(this.tokenForm.platform === 4){
getTaoToken(this.tokenForm).then(response => {
this.authOpen = false
this.$modal.msgSuccess("授权成功");
});
}
}
})
},
} }
}; };
</script> </script>

87
vue/src/views/shop/platform/index.vue
View File

@ -7,24 +7,35 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="shopList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="shopList" >
<!-- <el-table-column type="selection" width="55" align="center" />--> <!-- <el-table-column type="selection" width="55" align="center" />-->
<el-table-column label="ID" align="center" prop="id" /> <el-table-column label="ID" align="center" prop="id" />
<el-table-column label="平台" align="center" prop="name" /> <el-table-column label="平台" align="center" prop="name" />
<el-table-column label="AppKey" align="center" prop="appKey" /> <el-table-column label="AppKey" align="center" prop="appKey" />
<el-table-column label="AppSecret" align="center" prop="appSecret" /> <el-table-column label="AppSecret" align="center" prop="appSecret" />
<el-table-column label="回调URL" align="center" prop="redirectUrl" /> <el-table-column label="回调URL" align="center" prop="redirectUri" />
<el-table-column label="接口请求URL" align="center" prop="serverUrl" /> <el-table-column label="接口请求URL" align="center" prop="serverUrl" />
<el-table-column label="状态" align="center" width="100">
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
active-value="0"
inactive-value="1"
@change="handleStatusChange(scope.row)"
></el-switch>
</template>
</el-table-column>
<!-- <el-table-column label="描述" align="center" prop="remark" />--> <!-- <el-table-column label="描述" align="center" prop="remark" />-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-if="scope.row.id !== 500 && scope.row.id !== 999"
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['shop:shop:edit']" v-hasPermi="['shop:shop:edit']"
>修改</el-button> >设置参数</el-button>
<!-- <el-button--> <!-- <el-button-->
<!-- size="mini"--> <!-- size="mini"-->
@ -49,7 +60,10 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="平台名" prop="name"> <el-form-item label="平台名" prop="name">
<el-input v-model="form.name" placeholder="请输入平台名" /> <el-input v-model="form.name" disabled placeholder="请输入平台名" />
</el-form-item>
<el-form-item label="编码" prop="code">
<el-input v-model="form.code" disabled placeholder="请输入平台编码" />
</el-form-item> </el-form-item>
<el-form-item label="AppKey" prop="appKey"> <el-form-item label="AppKey" prop="appKey">
<el-input v-model="form.appKey" placeholder="请输入AppKey" /> <el-input v-model="form.appKey" placeholder="请输入AppKey" />
@ -57,11 +71,11 @@
<el-form-item label="AppSecret" prop="appSecret"> <el-form-item label="AppSecret" prop="appSecret">
<el-input v-model="form.appSecret" placeholder="请输入AppSecret" /> <el-input v-model="form.appSecret" placeholder="请输入AppSecret" />
</el-form-item> </el-form-item>
<el-form-item label="回调URL" prop="redirectUrl"> <el-form-item label="回调URL" prop="redirectUri">
<el-input v-model="form.redirectUrl" placeholder="请输入回调URL" /> <el-input v-model="form.redirectUri" placeholder="请输入回调URL" />
</el-form-item> </el-form-item>
<el-form-item label="接口请求URL" prop="serverUrl"> <el-form-item label="接口请求URL" prop="serverUrl">
<el-input v-model="form.serverUrl" placeholder="请输入接口请求URL" /> <el-input v-model="form.serverUrl" disabled placeholder="请输入接口请求URL" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="描述" prop="remark">--> <!-- <el-form-item label="描述" prop="remark">-->
@ -75,11 +89,37 @@
</div> </div>
</el-dialog> </el-dialog>
<!-- API参数设置对话框 -->
<el-dialog :title="title" :visible.sync="apiOpen" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="appkey" prop="appkey">
<el-input v-model="form.appkey" placeholder="请输入appkey" />
</el-form-item>
<el-form-item label="appSercet" prop="appSercet">
<el-input v-model="form.appSercet" placeholder="请输入appSercet" />
</el-form-item>
<el-form-item label="API请求URL" prop="apiRequestUrl">
<el-input v-model="form.apiRequestUrl" placeholder="请输入API请求URL" />
</el-form-item>
<el-form-item label="卖家UserId" prop="sellerUserId">
<el-input v-model="form.sellerUserId" placeholder="请输入sellerUserId" />
</el-form-item>
<!-- <el-form-item label="描述" prop="remark">-->
<!-- <el-input type="textarea" v-model="form.remark" placeholder="请输入描述" />-->
<!-- </el-form-item>-->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {listPlatform, updatePlatform, getPlatform} from "@/api/shop/shop"; import {listPlatform, updatePlatform, getPlatform, changePlatformStatus} from "@/api/shop/shop";
import {changeRoleStatus} from "@/api/system/role";
export default { export default {
name: "Shop", name: "Shop",
@ -143,11 +183,21 @@ export default {
this.form = { this.form = {
id: null, id: null,
name: null, name: null,
appkey: null, nickName: null,
appSercet: null, ename: null,
company: null,
type: null,
url: null,
orderNum: null,
isDelete: null,
isShow: null,
modifyOn: null,
remark: null, remark: null,
serverUrl: null, sellerUserId: null,
redirectUrl: null, sellerUserIdStr: null,
sessionKey: null,
appkey: null,
appSercet: null
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -161,6 +211,17 @@ export default {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
// 角色状态修改
handleStatusChange(row) {
let text = row.status === "0" ? "启用" : "停用";
this.$modal.confirm('确认要"' + text + '""' + row.name + '"平台吗？').then(function() {
return changePlatformStatus(row.id, row.status);
}).then(() => {
this.$modal.msgSuccess(text + "成功");
}).catch(function() {
row.status = row.status === "0" ? "1" : "0";
});
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
@ -168,7 +229,7 @@ export default {
getPlatform(id).then(response => { getPlatform(id).then(response => {
this.form = response.data; this.form = response.data;
this.$nextTick(()=>{ this.$nextTick(()=>{
this.form.platform = response.data.platform+''; this.form.type = response.data.type+'';
}) })
this.open = true; this.open = true;