378 lines
12 KiB
JavaScript
378 lines
12 KiB
JavaScript
|
import axios from "axios";
|
|||
|
|
|
|||
|
|
let axios_config = require("./config")
|
|||
|
|
|
|||
|
|
const components = {}
|
|||
|
|
const props = ["tabs", "activetab"]
|
|||
|
|
|
|||
|
|
const data = function () {
|
|||
|
|
return {
|
|||
|
|
tableData: [
|
|||
|
|
{
|
|||
|
|
name: "ni",
|
|||
|
|
pwd: "233"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
column: [
|
|||
|
|
{
|
|||
|
|
label: "名称",
|
|||
|
|
field_name: "name",
|
|||
|
|
type: "input"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
label: "密码",
|
|||
|
|
field_name: "pwd",
|
|||
|
|
type: "select"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
search: {}, //搜索输入内容存储
|
|||
|
|
dialogTableVisible1: false, //显示新增弹窗控制变量
|
|||
|
|
dialogform: {
|
|||
|
|
uuid: "sss"
|
|||
|
|
},
|
|||
|
|
component_name: "index",
|
|||
|
|
form: {
|
|||
|
|
name: "xbc"
|
|||
|
|
},
|
|||
|
|
all_selections: [],
|
|||
|
|
activeName: "1",
|
|||
|
|
filtername: "",
|
|||
|
|
now_selection_record: "",
|
|||
|
|
selections: [],
|
|||
|
|
ids: [],
|
|||
|
|
// 总条数，根据接口获取数据长度(注意：这里不能为空)
|
|||
|
|
totalCount: 1,
|
|||
|
|
// 个数选择器（可修改）
|
|||
|
|
pageSizes: [8, 16],
|
|||
|
|
// 默认每页显示的条数（可修改）
|
|||
|
|
PageSize: 8,
|
|||
|
|
currentPage: 1,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function mounted() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.mounted.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const methods = {
|
|||
|
|
fresh_data(val) {
|
|||
|
|
if (val) {
|
|||
|
|
this.tableData = val
|
|||
|
|
this.totalCount = val.length
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handlePageSizeChange(val) {
|
|||
|
|
// 改变每页显示的条数
|
|||
|
|
this.PageSize = val
|
|||
|
|
// 注意：在改变每页显示的条数时，要将页码显示到第一页
|
|||
|
|
this.currentPage = 1
|
|||
|
|
},
|
|||
|
|
handlePageChange(val) {
|
|||
|
|
// 改变默认的页数
|
|||
|
|
this.currentPage = val
|
|||
|
|
},
|
|||
|
|
// tabs的方法控制
|
|||
|
|
get_config_data(config_data) {
|
|||
|
|
console.log(config_data)
|
|||
|
|
// 执行转译data
|
|||
|
|
let new_data = {
|
|||
|
|
"interaction_name": config_data["interaction_name"],
|
|||
|
|
"return_data": config_data["return_data"],
|
|||
|
|
"submit_data": {
|
|||
|
|
"interaction_source_name": config_data["submit_data"]["interaction_source_name"],
|
|||
|
|
"interaction_source_uuid": config_data["submit_data"]["interaction_source_uuid"],
|
|||
|
|
"interaction_object_type": config_data["submit_data"]["interaction_object_type"],
|
|||
|
|
"interaction_style": config_data["submit_data"]["interaction_style"],
|
|||
|
|
"target_table": config_data["submit_data"]["target_table"],
|
|||
|
|
"target_api_url": config_data["submit_data"]["target_api_url"],
|
|||
|
|
"target_api_ID": config_data["submit_data"]["target_api_ID"],
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let re = this.format_data(config_data["submit_data"]["data"])
|
|||
|
|
new_data["submit_data"]["data"] = re
|
|||
|
|
return new_data
|
|||
|
|
},
|
|||
|
|
format_data(dict) {
|
|||
|
|
if (typeof dict == "string") {
|
|||
|
|
dict = eval(dict)
|
|||
|
|
} else {
|
|||
|
|
for (const key in dict) {
|
|||
|
|
let value = dict[key]
|
|||
|
|
if (typeof value == "object") {
|
|||
|
|
this.format_data(value)
|
|||
|
|
} else {
|
|||
|
|
if (typeof value == 'number') {
|
|||
|
|
dict[key] = value
|
|||
|
|
} else {
|
|||
|
|
if (value.includes("this.")) {
|
|||
|
|
if (dict.hasOwnProperty(key)) {
|
|||
|
|
dict[key] = eval(value)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (value.includes(".")) {
|
|||
|
|
if (dict.hasOwnProperty(key)) {
|
|||
|
|
dict[key] = eval(value)
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
dict[key] = value
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return dict
|
|||
|
|
},
|
|||
|
|
handleSelectionChange(selection) {
|
|||
|
|
this.ids = selection.map(item => item.uuid);
|
|||
|
|
},
|
|||
|
|
handleSelection(val) {
|
|||
|
|
this.selections = val
|
|||
|
|
},
|
|||
|
|
tableRowClassName(row) {
|
|||
|
|
var arr = this.ids;
|
|||
|
|
for (let i = 0; i < arr.length; i++) {
|
|||
|
|
if (row.row.uuid === arr[i]) {
|
|||
|
|
return 'rowStyle'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
cellStyle(cell) {
|
|||
|
|
if (cell.columnIndex == 0 || cell.columnIndex == 1) {
|
|||
|
|
var arr = this.ids;
|
|||
|
|
for (let i = 0; i < arr.length; i++) {
|
|||
|
|
if (cell.row.uuid === arr[i]) {
|
|||
|
|
return 'cell_new'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
del_data() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.del_data.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
export_data() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.export_data.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
responseType: 'blob'
|
|||
|
|
}).then(response => {
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
export_temp_data() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.export_temp_data.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
coustom_button_one() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.coustom_button_one.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
coustom_button_two() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.coustom_button_two.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleCurrentChange(val) {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.handleCurrentChange.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
adddata() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.adddata.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
delrecord(row) {
|
|||
|
|
this.now_selection_record = row.uuid
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.delrecord.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
editrecord(row) {
|
|||
|
|
this.now_selection_record = row.uuid
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.editrecord.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
searchrecord() {
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.searchrecord.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
this.totalCount = res.data.data.return_data.data[res.data.data.submit_data.target_table].recorder_attribute_dict.length
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
updateShow(val) {
|
|||
|
|
this.dialogTableVisible1 = val
|
|||
|
|
},
|
|||
|
|
coustomOne(row) {
|
|||
|
|
this.now_selection_record = row.uuid
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.coustomOne.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
coustomTwo(row) {
|
|||
|
|
this.now_selection_record = row.uuid
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.coustomTwo.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleClick(val) {
|
|||
|
|
this.search = {}
|
|||
|
|
this.search[val.props.name] = val.props.label
|
|||
|
|
const { url, method, data: originalData, then } = axios_config.handleClick.axios;
|
|||
|
|
const data = JSON.parse(JSON.stringify(originalData));
|
|||
|
|
let new_data = this.get_config_data(data)
|
|||
|
|
new_data["submit_data"]["user_token"] = sessionStorage.getItem("user")
|
|||
|
|
// 发起请求
|
|||
|
|
axios({
|
|||
|
|
method,
|
|||
|
|
url,
|
|||
|
|
data: new_data,
|
|||
|
|
}).then(res => {
|
|||
|
|
// 执行回调函数（then回调）
|
|||
|
|
eval(then)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
changepage(val) {
|
|||
|
|
this.$emit('change_page', val)
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data: data,
|
|||
|
|
methods: methods,
|
|||
|
|
mounted: mounted,
|
|||
|
|
components: components,
|
|||
|
|
props: props
|
|||
|
|
}
|