option添加賦值
<el-col :span="10">
//<!-- 所屬業務, 字典 -->
<el-form-item label="所屬業務:" prop="businessType" label-width="180px">
<el-select v-model="ruleForm1.businessType" placeholder="請選擇所屬業務" style="width: 80%" clearable >
<el-option v-for="item in businessTypeS" :key="item.id" :label="item.dictLabel" :value="item.dictLabel"></el-option>
</el-select>
</el-form-item>
</el-col>
data -> return 綁定變量
<script>
import api from "@/api/api.js";
export default {
components: {},
data() { return { businessTypeS: [], } },
created() {
this.baseSysDicBtn() },
methods: {
// 產品基本信息 - 所屬業務（字典）
baseSysDicBtn(){
api.baseSysDic("sys_business_type").then( res => {
if( res.code != 200){ return this.message("系統錯誤,請重新查詢") }
this.businessTypeS = res.data
})
},
}
}
后台數據格式：
試圖展示：
api.js 接口封裝
import axios from 'axios';
import { baseURL} from './sys.js';
import { MessageBox } from 'element-ui';
import {Base64} from 'js-base64';
import website from '@/website.js'
import Qs from 'qs'
var _axios = axios.create({
//baseURL: '/api'
baseURL:baseURL
})
var nowTime = '';
export const getList = (current, size, params) => {
return request({
url: '/finance-web/sys/user/list',
method: 'get',
params: {
...params,
current,
size,
}
})
}
_axios.interceptors.request.use(
(config) => {
nowTime = Date.now()
let token = sessionStorage.getItem('token')
config.headers['X-UserToken'] = token // 讓每個請求攜帶token--['Authorization']為自定義key 請根據實際情況自行修改
// config.headers['Content-Type'] = 'application/json;charset=UTF-8';
// let token = sessionStorage.getItem('token')
// if (token) {
// config.headers['X-UserToken'] = token // 讓每個請求攜帶token--['Authorization']為自定義key 請根據實際情況自行修改
// }
return config
}, (error) => {
return Promise.reject(error)
}
)
_axios.interceptors.response.use(
(response) => {
return response.data;
}, (error) => {
if (error.response) {
switch (error.response.status) {
case 401:
vm.$router.push({ path: '/Login' })
vm.$message.warning('登錄過期')
sessionStorage.clear();
break;
case 500:
MessageBox.alert('服務器錯誤', '', {
type: 'error'
})
break;
case 504:
MessageBox.alert('連接服務器超時', '', {
type: 'error'
})
break;
case 408:
MessageBox.alert('請求超時', '', {
type: 'error'
})
break;
case 404:
MessageBox.alert('服務不存在', '', {
type: 'error'
})
break;
case 403:
vm.$router.push({ path: '/forbidden' })
vm.$message.warning('無權限訪問')
break;
}
}
return Promise.reject(error);
}
);
export default {
// 登錄
Login: function(data) {
return _axios.post("cgrzzl-oauth/auth/getToken", data);
},
// 退出
toLogout: function(data) {
return _axios.delete(`cgrzzl-oauth/auth/removeToken/${data}`)
},
// 側欄導航
getSideNav: function(data) {
return _axios.post("manage-service/system/menu/list", data);
},
// 公共字典接口
baseSysDic: function(data) {
return _axios.get(`/manage-service/system/dict/data/dictType/${data}`)
},
// ******************************************* 產品管理 *******************************************
// --------------------------- 產品信息管理 ---------------------------
//新增 LPR利率
addFactoryProductRate: function(data) {
return _axios.post("/factory-service/factory/product", data)
},
// 刪除LPR利率
deleteFactoryProductRate: function(data) {
return _axios.delete(`factory-service/factory/product/${data}`)
},
//修改 LPR利率
updateFactoryProductRate: function(data) {
return _axios.put("/factory-service/factory/product", data)
},
//修改 LPR利率狀態
upDateFactoryProductRateStatus: function(data) {
return _axios.put("/factory-service/factory/product/onOrOff", data, { params: data });
},
// LPR利率列表
getFactoryProductRateList: function(params) {
return _axios.get("/factory-service/factory/product/list", { params: params })
},
// 查詢LPR利率詳情 (獲取)
getFactoryProductRateDetail: function(id) {
return _axios.get(`/factory-service/factory/product/${id}`)
},
// --------------------------- 產品發布 ---------------------------
// --------------------------- 產品試算 ---------------------------
// ******************************************* 產品策略管理 *******************************************
// --------------------------- 沖抵策略管理 ---------------------------
//新增 指標參數
addFactoryOffset: function(data) {
return _axios.post("/factory-service/factory/offset", data)
},
//刪除 指標參數
deleteFactoryOffset: function(data) {
return _axios.delete(`factory-service/factory/offset/${data}`)
},
//修改 指標參數
updateFactoryOffset: function(data) {
return _axios.put("/factory-service/factory/offset", data)
},
//修改 指標參數狀態
upDateFactoryOffsetStatus: function(data) {
return _axios.put("/factory-service/factory/offset/onOrOff", data, { params: data });
},
// 指標參數列表
getFactoryOffsetList: function(params) {
return _axios.get("/factory-service/factory/offset/list", { params: params })
},
// 查詢指標參數詳情
getFactoryOffsetDetail: function(id) {
return _axios.get(`/factory-service/factory/offset/${id}`)
},
// --------------------------- 代理商管理 ---------------------------
//代理商樹形結構數據
getAgencyTree: function() {
return _axios.get("/factory-service/factory/scopeCompany/getTree")
},
//還款計划列表
getRepaymentScheduleList: function(params) {
return _axios.get("/factory-service/factory/scopeCompany/list", { params: params })
},
// ******************************************* 產品參數管理 *******************************************
// --------------------------- 貸款市場利率管理LPR ---------------------------
//新增 LPR利率
addFactoryLprInterestRate: function(data) {
return _axios.post("/factory-service/factory/lprInterestRate", data)
},
// 刪除LPR利率
deleteFactoryLprInterestRate: function(data) {
return _axios.delete(`factory-service/factory/lprInterestRate/${data}`)
},
//修改 LPR利率
updateFactoryLprInterestRate: function(data) {
return _axios.put("/factory-service/factory/lprInterestRate", data)
},
//修改 LPR利率狀態
upDateFactoryLprInterestRateStatus: function(data) {
return _axios.put("/factory-service/factory/lprInterestRate/onOrOff", data, { params: data });
},
// LPR利率列表
getFactoryLprInterestRateList: function(params) {
return _axios.get("/factory-service/factory/lprInterestRate/list", { params: params })
},
// 查詢LPR利率詳情 (獲取)
getFactoryLprInterestRateDetail: function(id) {
return _axios.get(`/factory-service/factory/lprInterestRate/${id}`)
},
// --------------------------- 產品期限管理 ---------------------------
//新增 產品期限
addFactoryTerm: function(data) {
return _axios.post("/factory-service/factory/term", data)
},
// 刪除 產品期限
deleteFactoryTerm: function(data) {
return _axios.delete(`factory-service/factory/term/${data}`)
},
//修改 產品期限
updateFactoryTerm: function(data) {
return _axios.put("/factory-service/factory/term", data)
},
//修改 產品期限狀態
upDateFactoryTermStatus: function(data) {
return _axios.put("/factory-service/factory/term/onOrOff", data, { params: data });
},
// 產品期限列表
getFactoryTermList: function(params) {
return _axios.get("/factory-service/factory/term/list", { params: params })
},
// 查詢產品期限詳情
getFactoryTermDetail: function(id) {
return _axios.get(`/factory-service/factory/term/${id}`)
},
// --------------------------- 費用參數管理 ---------------------------
//新增 指標參數
addRepaymentInterval: function(data) {
return _axios.post("/factory-service/factory/repaymentInterval", data)
},
//刪除 指標參數
deleteRepaymentInterval: function(data) {
return _axios.delete(`factory-service/factory/repaymentInterval/${data}`)
},
//修改 指標參數
updateRepaymentInterval: function(data) {
return _axios.put("/factory-service/factory/repaymentInterval", data)
},
//修改 指標參數狀態
upDateRepaymentIntervalStatus: function(data) {
return _axios.put("/factory-service/factory/repaymentInterval/onOrOff", data, { params: data });
},
// 指標參數列表
getRepaymentIntervalList: function(params) {
return _axios.get("/factory-service/factory/repaymentInterval/list", { params: params })
},
// 查詢指標參數詳情
getRepaymentIntervalDetail: function(id) {
return _axios.get(`/factory-service/factory/repaymentInterval/${id}`)
},
// --------------------------- 費用參數管理 ---------------------------
//新增 費用參數
addFactoryCost: function(data) {
return _axios.post("/factory-service/factory/cost", data)
},
//刪除 費用參數
deleteFactoryCost: function(data) {
return _axios.delete(`factory-service/factory/cost/${data}`)
},
//修改 費用參數
updateFactoryCost: function(data) {
return _axios.put("/factory-service/factory/cost", data)
},
//修改 費用參數狀態
upDateFactoryCostStatus: function(data) {
return _axios.put("/factory-service/factory/cost/onOrOff", data, { params: data });
},
// 費用參數列表
getFactoryCostList: function(params) {
return _axios.get("/factory-service/factory/cost/list", { params: params })
},
// 查詢費用參數詳情
getFactoryCostDetail: function(id) {
return _axios.get(`/factory-service/factory/cost/${id}`)
},
// 費用下拉參數列表，供沖抵策略管理使用
getSelectCostList: function() {
return _axios.get("/factory-service/factory/cost/selectCost")
},
// --------------------------- 指標參數管理 ---------------------------
//新增 指標參數
addFactoryTarget: function(data) {
return _axios.post("/factory-service/factory/target", data)
},
//刪除 指標參數
deleteFactoryTarget: function(data) {
return _axios.delete(`factory-service/factory/target/${data}`)
},
//修改 指標參數
updateFactoryTarget: function(data) {
return _axios.put("/factory-service/factory/target", data)
},
//修改 指標參數狀態
upDateFactoryTargetStatus: function(data) {
return _axios.put("/factory-service/factory/target/onOrOff", data, { params: data });
},
// 指標參數列表
getFactoryTargetList: function(params) {
return _axios.get("/factory-service/factory/target/list", { params: params })
},
// 查詢指標參數詳情
getFactoryTargetDetail: function(id) {
return _axios.get(`/factory-service/factory/target/${id}`)
},
// --------------------------- 貼息機構管理 ---------------------------
//新增 貼息機構
addDiscountAgency: function(data) {
return _axios.post("/factory-service/factory/discountAgency", data)
},
// 刪除貼息機構
deleteDiscountAgency: function(data) {
return _axios.delete(`/factory-service/factory/discountAgency/${data}`)
},
//修改 貼息機構
updateDiscountAgency: function(data) {
return _axios.put("/factory-service/factory/discountAgency", data)
},
//修改 貼息機構狀態
upDateDiscountAgencyStatus: function(data) {
return _axios.put("/factory-service/factory/discountAgency/onOrOff/", data, { params: data });
},
// 貼息機構列表
getDiscountAgencyList: function(params) {
return _axios.get("/factory-service/factory/discountAgency/list", { params: params })
},
// 查詢貼息機構詳情
getDiscountAgencyDetail: function(id) {
return _axios.get(`/factory-service/factory/discountAgency/${id}`)
},
}