update equipment
This commit is contained in:
@@ -45,7 +45,7 @@
|
||||
label-position="top"
|
||||
size="small"
|
||||
:dataForm="form"
|
||||
:rows="rows" />
|
||||
:rows="computedRows" />
|
||||
</base-dialog>
|
||||
|
||||
<!-- 设备 详情 - 编辑 -->
|
||||
@@ -58,7 +58,7 @@
|
||||
{
|
||||
name: '基本信息',
|
||||
key: 'base',
|
||||
rows: rows,
|
||||
rows: computedRows,
|
||||
url: '/base/equipment/get',
|
||||
urlUpdate: '/base/equipment/update',
|
||||
urlCreate: '/base/equipment/create',
|
||||
@@ -96,8 +96,8 @@
|
||||
},
|
||||
]"
|
||||
@refreshDataList="getList"
|
||||
@cancel="editVisible = false"
|
||||
@destroy="editVisible = false" />
|
||||
@cancel="cancelEdit"
|
||||
@destroy="cancelEdit" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -118,6 +118,7 @@ import {
|
||||
exportEquipmentExcel,
|
||||
} from '@/api/base/equipment';
|
||||
import Editor from '@/components/Editor';
|
||||
import AssetsUpload from './components/AssetsUpload.vue';
|
||||
|
||||
export default {
|
||||
name: 'Equipment',
|
||||
@@ -342,40 +343,79 @@ export default {
|
||||
prop: 'description',
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
upload: true,
|
||||
label: '上传资料',
|
||||
prop: 'uploadFiles',
|
||||
url: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/upload', // 请求地址
|
||||
bind: {
|
||||
headers: { Authorization: 'Bearer ' + getAccessToken() },
|
||||
'show-file-list': false,
|
||||
},
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
diy: true,
|
||||
key: 'eq-assets',
|
||||
label: '设备资料',
|
||||
prop: 'fileNames',
|
||||
subcomponent: EquipmentAssets,
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
diy: true,
|
||||
key: 'eq-pics',
|
||||
label: '设备图片',
|
||||
prop: 'fileUrls',
|
||||
subcomponent: EquipmentPics,
|
||||
pictures: async () => {
|
||||
// some async request
|
||||
return [];
|
||||
},
|
||||
},
|
||||
],
|
||||
// [
|
||||
// {
|
||||
// assetUpload: true,
|
||||
// label: '上传资料',
|
||||
// fieldName: 'assets',
|
||||
// subcomponent: AssetsUpload
|
||||
// },
|
||||
// ],
|
||||
// [
|
||||
// {
|
||||
// assetUpload: true,
|
||||
// label: '上传图片',
|
||||
// fieldName: 'images',
|
||||
// subcomponent: AssetsUpload
|
||||
// },
|
||||
// ],
|
||||
// [
|
||||
// {
|
||||
// upload: true,
|
||||
// label: '上传资料',
|
||||
// prop: 'uploadFiles',
|
||||
// url: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/upload', // 请求地址
|
||||
// uploadFnName: 'assetsUpload', // 上传方法名
|
||||
// bind: {
|
||||
// headers: { Authorization: 'Bearer ' + getAccessToken() },
|
||||
// 'show-file-list': false,
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// diy: true,
|
||||
// key: 'eq-assets',
|
||||
// label: '设备资料',
|
||||
// prop: 'fileNames',
|
||||
// subcomponent: EquipmentAssets,
|
||||
// },
|
||||
// ],
|
||||
// [
|
||||
// {
|
||||
// upload: true,
|
||||
// label: '上传图片',
|
||||
// prop: 'uploadImages',
|
||||
// url: process.env.VUE_APP_BASE_API + '/admin-api/infra/file/upload', // 请求地址
|
||||
// uploadFnName: 'imagesUpload', // 上传方法名
|
||||
// bind: {
|
||||
// headers: { Authorization: 'Bearer ' + getAccessToken() },
|
||||
// 'show-file-list': false,
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// diy: true,
|
||||
// key: 'eq-pics',
|
||||
// label: '设备图片',
|
||||
// prop: 'fileUrls',
|
||||
// subcomponent: EquipmentPics,
|
||||
// pictures: async () => {
|
||||
// // some async request
|
||||
// return [];
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
// [
|
||||
// {
|
||||
// diy: true,
|
||||
// key: 'eq-pics',
|
||||
// label: '设备图片',
|
||||
// prop: 'fileUrls',
|
||||
// subcomponent: EquipmentPics,
|
||||
// pictures: async () => {
|
||||
// // some async request
|
||||
// return [];
|
||||
// },
|
||||
// },
|
||||
// ],
|
||||
],
|
||||
editVisible: false,
|
||||
editMode: 'edit', // 'edit', 'detail'
|
||||
@@ -404,11 +444,39 @@ export default {
|
||||
form: {
|
||||
id: null,
|
||||
},
|
||||
showUploadComponents: false, // 是否显示上传组件
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
computed: {
|
||||
computedRows() {
|
||||
return this.showUploadComponents
|
||||
? [
|
||||
...this.rows,
|
||||
[
|
||||
{
|
||||
assetUpload: true,
|
||||
key: 'eq-assets', // 用于区分不同的上传组件
|
||||
label: '上传资料',
|
||||
fieldName: 'assets',
|
||||
subcomponent: AssetsUpload,
|
||||
},
|
||||
],
|
||||
[
|
||||
{
|
||||
assetUpload: true,
|
||||
key: 'eq-pics', // 用于区分不同的上传组件
|
||||
label: '上传图片',
|
||||
fieldName: 'images',
|
||||
subcomponent: AssetsUpload,
|
||||
},
|
||||
],
|
||||
]
|
||||
: this.rows;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
/** 查询列表 */
|
||||
getList() {
|
||||
@@ -425,6 +493,10 @@ export default {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
cancelEdit() {
|
||||
this.showUploadComponents = false;
|
||||
this.editVisible = false;
|
||||
},
|
||||
/** 表单重置 */
|
||||
reset() {
|
||||
this.form = {
|
||||
@@ -450,11 +522,13 @@ export default {
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.showUploadComponents = false;
|
||||
this.title = '添加设备';
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
this.showUploadComponents = true;
|
||||
const id = row.id;
|
||||
getEquipment(id).then((response) => {
|
||||
this.form = response.data;
|
||||
@@ -521,6 +595,7 @@ export default {
|
||||
viewDetail(id) {
|
||||
this.reset();
|
||||
this.editMode = 'detail';
|
||||
this.showUploadComponents = true;
|
||||
this.form.id = id;
|
||||
this.editVisible = true;
|
||||
this.$nextTick(() => {
|
||||
@@ -533,6 +608,7 @@ export default {
|
||||
case 'edit':
|
||||
this.reset();
|
||||
this.editMode = 'edit';
|
||||
this.showUploadComponents = true;
|
||||
this.form.id = data.id;
|
||||
this.editVisible = true;
|
||||
this.$nextTick(() => {
|
||||
|
||||
Reference in New Issue
Block a user