update 完成设备信息
This commit is contained in:
parent
54d22292c1
commit
3d24159743
@ -62,7 +62,7 @@
|
|||||||
v-if="col.subcomponent"
|
v-if="col.subcomponent"
|
||||||
:key="col.key"
|
:key="col.key"
|
||||||
:is="col.subcomponent"
|
:is="col.subcomponent"
|
||||||
:style="col.style"></component>
|
:inlineStyle="col.style"></component>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
@ -45,8 +45,6 @@ export default {
|
|||||||
});
|
});
|
||||||
return obj;
|
return obj;
|
||||||
},
|
},
|
||||||
// 处理搜索条件
|
|
||||||
handleSearchBarBtnClick() {},
|
|
||||||
// 处理表格按钮
|
// 处理表格按钮
|
||||||
handleTableBtnClick({ data, type }) {
|
handleTableBtnClick({ data, type }) {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
@ -94,8 +92,6 @@ export default {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 获取列表数据
|
|
||||||
getList() {},
|
|
||||||
/** 搜索按钮操作 */
|
/** 搜索按钮操作 */
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
this.queryParams.pageNo = 1;
|
this.queryParams.pageNo = 1;
|
||||||
|
@ -32,6 +32,7 @@
|
|||||||
<div class="form-part" v-if="section.key == 'base'">
|
<div class="form-part" v-if="section.key == 'base'">
|
||||||
<el-skeleton v-if="!showForm" animated />
|
<el-skeleton v-if="!showForm" animated />
|
||||||
<DialogForm
|
<DialogForm
|
||||||
|
key="drawer-dialog-form"
|
||||||
v-if="showForm"
|
v-if="showForm"
|
||||||
ref="form"
|
ref="form"
|
||||||
:dataForm="form"
|
:dataForm="form"
|
||||||
@ -163,19 +164,31 @@ export default {
|
|||||||
attrQuery: null, // 属性列表的请求
|
attrQuery: null, // 属性列表的请求
|
||||||
infoQuery: null, // 基本信息的请求
|
infoQuery: null, // 基本信息的请求
|
||||||
attrFormSubmitting: false,
|
attrFormSubmitting: false,
|
||||||
attrListLoading: false
|
attrListLoading: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
formRows() {
|
formRows() {
|
||||||
return this.sections[0].rows.map((row) => {
|
return this.sections[0].rows.map((row) => {
|
||||||
return row.map((col) => ({
|
return row.map((col) => {
|
||||||
...col,
|
if (col.key == 'eq-pics') {
|
||||||
bind: {
|
// 重置图片的位置
|
||||||
// 详情 模式下,禁用各种输入
|
return {
|
||||||
disabled: this.mode == 'detail',
|
...col,
|
||||||
},
|
style: {
|
||||||
}));
|
left: 0,
|
||||||
|
right: 'unset'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
...col,
|
||||||
|
bind: {
|
||||||
|
// 详情 模式下,禁用各种输入
|
||||||
|
disabled: this.mode == 'detail',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
tableBtn() {
|
tableBtn() {
|
||||||
@ -231,8 +244,8 @@ export default {
|
|||||||
this.attrListLoading = true;
|
this.attrListLoading = true;
|
||||||
const res = await this.$axios(this.attrQuery);
|
const res = await this.$axios(this.attrQuery);
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
this.list = data.list;
|
this.list = res.data.list;
|
||||||
this.total = data.total;
|
this.total = res.data.total;
|
||||||
}
|
}
|
||||||
this.attrListLoading = false;
|
this.attrListLoading = false;
|
||||||
},
|
},
|
||||||
@ -332,7 +345,7 @@ export default {
|
|||||||
method: isEdit ? 'put' : 'post',
|
method: isEdit ? 'put' : 'post',
|
||||||
data: this.attrForm,
|
data: this.attrForm,
|
||||||
});
|
});
|
||||||
|
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
this.closeAttrForm();
|
this.closeAttrForm();
|
||||||
this.$message({
|
this.$message({
|
||||||
|
@ -9,8 +9,8 @@
|
|||||||
<div class="equipment-pics">
|
<div class="equipment-pics">
|
||||||
<div v-for="(url, idx) in images" :key="url">
|
<div v-for="(url, idx) in images" :key="url">
|
||||||
<img :src="url" :alt="url" />
|
<img :src="url" :alt="url" />
|
||||||
<figure class="big-img">
|
<figure class="big-img" :style="inlineStyle">
|
||||||
<img :src="url" :alt="url">
|
<img :src="url" :alt="url" />
|
||||||
<figcaption>{{ desc[idx] }}</figcaption>
|
<figcaption>{{ desc[idx] }}</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
@ -21,7 +21,12 @@
|
|||||||
export default {
|
export default {
|
||||||
name: 'EquipmentPics',
|
name: 'EquipmentPics',
|
||||||
components: {},
|
components: {},
|
||||||
props: {},
|
props: {
|
||||||
|
inlineStyle: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({}),
|
||||||
|
},
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
desc: [
|
desc: [
|
||||||
@ -43,7 +48,6 @@ export default {
|
|||||||
.map((_, index) => require(`../assets/eq${index + 1}.jpg`)),
|
.map((_, index) => require(`../assets/eq${index + 1}.jpg`)),
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {},
|
|
||||||
methods: {},
|
methods: {},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -36,7 +36,12 @@
|
|||||||
@close="cancel"
|
@close="cancel"
|
||||||
@cancel="cancel"
|
@cancel="cancel"
|
||||||
@confirm="submitForm">
|
@confirm="submitForm">
|
||||||
<DialogForm v-if="open" ref="form" :dataForm="form" :rows="rows" />
|
<DialogForm
|
||||||
|
v-if="open"
|
||||||
|
key="index-dialog-form"
|
||||||
|
ref="form"
|
||||||
|
:dataForm="form"
|
||||||
|
:rows="rows" />
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
|
|
||||||
<!-- 设备 详情 - 编辑 -->
|
<!-- 设备 详情 - 编辑 -->
|
||||||
@ -186,7 +191,7 @@ export default {
|
|||||||
type: 'input',
|
type: 'input',
|
||||||
label: '编码',
|
label: '编码',
|
||||||
placeholder: '请输入设备编码',
|
placeholder: '请输入设备编码',
|
||||||
param: 'codes',
|
param: 'code',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: 'button',
|
type: 'button',
|
||||||
@ -358,7 +363,6 @@ export default {
|
|||||||
// some async request
|
// some async request
|
||||||
return [];
|
return [];
|
||||||
},
|
},
|
||||||
style: 'overflow-x: auto;',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
],
|
],
|
||||||
@ -431,16 +435,6 @@ export default {
|
|||||||
};
|
};
|
||||||
this.resetForm('form');
|
this.resetForm('form');
|
||||||
},
|
},
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNo = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.resetForm('queryForm');
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.reset();
|
this.reset();
|
||||||
|
Loading…
Reference in New Issue
Block a user