|
@@ -25,22 +25,23 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<el-table
|
|
|
- :data="tableData"
|
|
|
+ :data="tableList"
|
|
|
style="width: 100%;margin-top: 30px"
|
|
|
+ v-loading="loading"
|
|
|
>
|
|
|
<el-table-column
|
|
|
label="L1(专业)"
|
|
|
align="center"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="province"
|
|
|
+ prop="major"
|
|
|
label="编码"
|
|
|
width="120"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="city"
|
|
|
+ prop="majorName"
|
|
|
label="名称"
|
|
|
width="120"
|
|
|
align="center"
|
|
@@ -52,14 +53,14 @@
|
|
|
align="center"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="date"
|
|
|
+ prop="sys"
|
|
|
label="编码"
|
|
|
width="120"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="name"
|
|
|
+ prop="sysName"
|
|
|
label="名称"
|
|
|
width="120"
|
|
|
align="center"
|
|
@@ -71,14 +72,14 @@
|
|
|
align="center"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="address"
|
|
|
+ prop="device"
|
|
|
label="编码"
|
|
|
width="120"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="zip"
|
|
|
+ prop="deviceName"
|
|
|
label="名称"
|
|
|
width="120"
|
|
|
align="center"
|
|
@@ -90,14 +91,14 @@
|
|
|
align="center"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="province"
|
|
|
+ prop="unit"
|
|
|
label="编码"
|
|
|
width="120"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="city"
|
|
|
+ prop="unitName"
|
|
|
label="名称"
|
|
|
width="120"
|
|
|
align="center"
|
|
@@ -109,14 +110,14 @@
|
|
|
align="center"
|
|
|
>
|
|
|
<el-table-column
|
|
|
- prop="date"
|
|
|
+ prop="dc"
|
|
|
label="编码"
|
|
|
width="120"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="name"
|
|
|
+ prop="dcName"
|
|
|
label="名称"
|
|
|
width="120"
|
|
|
align="center"
|
|
@@ -134,9 +135,12 @@
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
<el-input
|
|
|
- v-model="scope.row.txt"
|
|
|
- @change="dataAndGlobal(scope.$index,scope.row)"
|
|
|
+ v-model="scope.row.SwitchRule"
|
|
|
+ :disabled="scope.row.type != 1"
|
|
|
+ @change="dataAndGlobal(scope.$index,scope.row,1)"
|
|
|
+ :class="!scope.row.SwitchRule && scope.row.DatacenterSign === 1 ?'danger-color':''"
|
|
|
></el-input>
|
|
|
+
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
@@ -144,7 +148,13 @@
|
|
|
align="center"
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
- <el-input></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.SwitchRuleDataplatform"
|
|
|
+ :disabled="scope.row.type != 1"
|
|
|
+ @change="dataAndGlobal(scope.$index,scope.row,2)"
|
|
|
+ :class="!scope.row.SwitchRuleDataplatform && scope.row.DatacenterSign === 1 ?'danger-color':''"
|
|
|
+
|
|
|
+ ></el-input>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
@@ -154,88 +164,18 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {dectInfo, dictUpdate} from '../../../api/relation/api'
|
|
|
+ import {mapGetters} from 'vuex'
|
|
|
|
|
|
export default {
|
|
|
name: "index",
|
|
|
data() {
|
|
|
return {
|
|
|
deviceCls:'项目设备类',
|
|
|
- options: [{
|
|
|
- value: '选项1',
|
|
|
- label: '黄金糕'
|
|
|
- }, {
|
|
|
- value: '选项2',
|
|
|
- label: '双皮奶'
|
|
|
- }, {
|
|
|
- value: '选项3',
|
|
|
- label: '蚵仔煎'
|
|
|
- }, {
|
|
|
- value: '选项4',
|
|
|
- label: '龙须面'
|
|
|
- }, {
|
|
|
- value: '选项5',
|
|
|
- label: '北京烤鸭'
|
|
|
- }],
|
|
|
value: '',
|
|
|
- tableData: [{
|
|
|
- date: '2016-05-03',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:''
|
|
|
- }, {
|
|
|
- date: '2016-05-02',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:'123'
|
|
|
- }, {
|
|
|
- date: '2016-05-04',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:'eee'
|
|
|
- }, {
|
|
|
- date: '2016-05-01',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:'123'
|
|
|
- }, {
|
|
|
- date: '2016-05-08',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:'12w3'
|
|
|
- }, {
|
|
|
- date: '2016-05-06',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:'1232e3'
|
|
|
- }, {
|
|
|
- date: '2016-05-07',
|
|
|
- name: '王小虎',
|
|
|
- province: '上海',
|
|
|
- city: '普陀区',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄',
|
|
|
- zip: 200333,
|
|
|
- txt:'12344'
|
|
|
- }],
|
|
|
-
|
|
|
- dataValue:''
|
|
|
+ loading: false,
|
|
|
+ dataValue: '',
|
|
|
+ tableList: []
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -248,6 +188,82 @@
|
|
|
}, {
|
|
|
label: '手动维护转换规则'
|
|
|
}])
|
|
|
+ // 获取表单数据
|
|
|
+ let param = {
|
|
|
+ projectId: this.projectId,
|
|
|
+ "Filters": "DatacenterSign = 1",
|
|
|
+ "Orders": "dcCategory",
|
|
|
+ "PageNumber": 1,
|
|
|
+ "PageSize": 1000,
|
|
|
+ }
|
|
|
+ this.loading = true
|
|
|
+ dectInfo(param).then(res=> {
|
|
|
+ this.loading = false
|
|
|
+ if(res.data.Result === 'success') {
|
|
|
+ console.log(res.data.Count,'count')
|
|
|
+ res.data.Content.length && res.data.Content.forEach(i => {
|
|
|
+ this.tableList.push({
|
|
|
+ majorName: i.CustomCategoryName,
|
|
|
+ major: i.CustomCategory,
|
|
|
+ dcName: i.DcCategoryName,
|
|
|
+ dc: i.DcCategory,
|
|
|
+ SwitchRule: '',
|
|
|
+ SwitchRuleDataplatform: '',
|
|
|
+ DatacenterSign: '',
|
|
|
+ DataplatformSign: '',
|
|
|
+ })
|
|
|
+ i.Content.length && i.Content.forEach(j => {
|
|
|
+ this.tableList.push({
|
|
|
+ sysName: j.CustomCategoryName,
|
|
|
+ sys: j.CustomCategory,
|
|
|
+ dcName: j.DcCategoryName,
|
|
|
+ dc: j.DcCategory,
|
|
|
+ SwitchRule: '',
|
|
|
+ SwitchRuleDataplatform: '',
|
|
|
+ DatacenterSign: '',
|
|
|
+ DataplatformSign: '',
|
|
|
+ })
|
|
|
+ j.Content.length && j.Content.forEach(k => {
|
|
|
+ this.tableList.push({
|
|
|
+ type: 1,
|
|
|
+ deviceName: k.CustomCategoryName,
|
|
|
+ device: k.CustomCategory,
|
|
|
+ dcName: k.DcCategoryName,
|
|
|
+ dc: k.DcCategory,
|
|
|
+ DatacenterSign: k.DatacenterSign,
|
|
|
+ DataplatformSign: k.DataplatformSign,
|
|
|
+ SwitchRule: k.SwitchRule,
|
|
|
+ SwitchRuleDataplatform: k.SwitchRuleDataplatform,
|
|
|
+ SchemeId: k.SchemeId
|
|
|
+ })
|
|
|
+ k.Content.length && k.Content.forEach(l => {
|
|
|
+ this.tableList.push({
|
|
|
+ type: 1,
|
|
|
+ unitName: l.CustomCategoryName,
|
|
|
+ Unit: l.CustomCategory,
|
|
|
+ dcName: l.DcCategoryName,
|
|
|
+ dc: l.DcCategory,
|
|
|
+ DatacenterSign: l.DatacenterSign,
|
|
|
+ DataplatformSign: l.DataplatformSign,
|
|
|
+ SwitchRule: l.SwitchRule,
|
|
|
+ SwitchRuleDataplatform: l.SwitchRuleDataplatform,
|
|
|
+ SchemeId: l.SchemeId
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.data.Message,
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
+ this.back()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters('layout', ['projectId','secret']),
|
|
|
},
|
|
|
methods: {
|
|
|
back() {
|
|
@@ -256,9 +272,29 @@
|
|
|
changOptions(val) {
|
|
|
console.log(val)
|
|
|
},
|
|
|
- dataAndGlobal(index, val) {
|
|
|
+ dataAndGlobal(index, val, type) {
|
|
|
console.log(index, val)
|
|
|
+ let param = []
|
|
|
+ if (type === 1) {
|
|
|
+ param.push({
|
|
|
+ projectId: this.projectId,
|
|
|
+ SchemeId: val.SchemeId,
|
|
|
+ CustomCategory: val.device,
|
|
|
+ SwitchRule: val.SwitchRule
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (type === 2) {
|
|
|
+ param.push({
|
|
|
+ projectId: this.projectId,
|
|
|
+ SchemeId: val.SchemeId,
|
|
|
+ CustomCategory: val.device,
|
|
|
+ SwitchRuleDataplatform: val.SwitchRuleDataplatform
|
|
|
+ })
|
|
|
+ }
|
|
|
+ dictUpdate(param, res => {
|
|
|
+ })
|
|
|
}
|
|
|
+
|
|
|
},
|
|
|
|
|
|
}
|
|
@@ -266,8 +302,12 @@
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
.data-table {
|
|
|
- /deep/ .el-input__inner {
|
|
|
- /*border-color: #f56c6c;*/
|
|
|
+
|
|
|
+
|
|
|
+ .danger-color {
|
|
|
+ /deep/ .el-input__inner {
|
|
|
+ border-color: #f56c6c !important;
|
|
|
+ }
|
|
|
}
|
|
|
label {
|
|
|
margin-left: 20px;
|