Skip to content

S
saas-manage
Commit 1bb74bb0 by hanxuehong
Options

fix: 样式调整及接口联调

parent 7eae6093
Showing with 76 additions and 49 deletions
src/common/api/production/assistantManage.js 0 → 100644
// api/erpProductionAssistantManage/uploadToLocal
import axios from '../axios'
export function erpProductionAssistantManage(data) {
return axios.post('/erpProductionAssistantManage/uploadToLocal', data)
}
\ No newline at end of file
src/views/production/AssistantManage.vue
...@@ -44,37 +44,38 @@ ...@@ -44,37 +44,38 @@
ref='editForm' ref='editForm'
:model='editForm' :model='editForm'
> >
<el-form-item prop="title" label="菜单名称"> <el-form-item class="title_width" prop="title" label="更新标题">
<el-input class="item_width" v-model="editForm.title" placeholder="请输入更新标题"></el-input> <el-input type="textarea" v-model="editForm.title" placeholder="请输入更新标题"></el-input>
</el-form-item>
<el-form-item class="title_width" prop="content" label="更新内容">
<el-input type="textarea" rows="10" v-model="editForm.content" placeholder="请输入更新内容"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="version" label="版本号"> <el-form-item prop="version" label="版本号">
<el-input class="item_width" v-model="editForm.version" placeholder="请输入版本号"></el-input> <el-input class="item_width" v-model="editForm.version" placeholder="请输入版本号"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="content" label="更新内容">
<el-input class="item_width" v-model="editForm.content" placeholder="请输入更新内容"></el-input>
</el-form-item>
<el-form-item prop="forcedUpdate" label="是否强制更新"> <el-form-item prop="forcedUpdate" label="是否强制更新">
<el-radio-group class="item_width" v-model="editForm.forcedUpdate"> <el-radio-group class="item_width" v-model="editForm.forcedUpdate">
<el-radio :label="0">否</el-radio> <el-radio :label="0">否</el-radio>
<el-radio :label="1">是</el-radio> <el-radio :label="1">是</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item prop="businessType" label="应用软件名称">
<el-input class="item_width" v-model="editForm.businessType" disabled></el-input>
</el-form-item>
<!-- 上传多个app文件 --> <!-- 上传多个app文件 -->
<el-form-item label="上传文件"> <el-form-item class="title_width" label="上传文件">
<!-- accept=".apk,.ipa" -->
<el-upload <el-upload
class="upload-file" action
action="/" :http-request="handleCustom"
:on-success="handleSuccess" :on-change="handleChange"
:on-remove="handleRemove" :on-remove="handleRemove"
:file-list="fileList"
:auto-upload="false" :auto-upload="false"
:file-list="fileList"
list-type="text" list-type="text"
accept=".apk,.ipa"
> >
<i class="el-icon-plus"></i> <div class="upload-file">
<el-button class="el-upload">
<i class="el-icon-plus"></i>
</el-button>
</div>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -96,6 +97,7 @@ ...@@ -96,6 +97,7 @@
</template> </template>
<script> <script>
import tableView from '@/common/components/base/tableView.vue' import tableView from '@/common/components/base/tableView.vue'
import { erpProductionAssistantManage } from '../../common/api/production/assistantManage'
export default { export default {
name: 'saasMenu', name: 'saasMenu',
...@@ -115,7 +117,7 @@ export default { ...@@ -115,7 +117,7 @@ export default {
title: '', title: '',
content: '', content: '',
forcedUpdate: 0, forcedUpdate: 0,
businessType: 'production_assistant' // businessType: 'production_assistant'
}, },
fileList: [], fileList: [],
rules: { rules: {
...@@ -153,7 +155,7 @@ export default { ...@@ -153,7 +155,7 @@ export default {
{ {
label: '版本号', label: '版本号',
key: 'version', key: 'version',
width: '' width: '80'
}, },
{ {
label: '更新内容', label: '更新内容',
...@@ -163,7 +165,7 @@ export default { ...@@ -163,7 +165,7 @@ export default {
{ {
label: ' 是否强制更新', label: ' 是否强制更新',
key: 'forcedUpdate', key: 'forcedUpdate',
width: '', width: '100',
render: item => { render: item => {
return item.forcedUpdate === 1 ? '是' : '否' return item.forcedUpdate === 1 ? '是' : '否'
} }
...@@ -171,7 +173,7 @@ export default { ...@@ -171,7 +173,7 @@ export default {
{ {
label: '应用软件名称', label: '应用软件名称',
key: 'businessType', key: 'businessType',
width: '', width: '100',
render: item => { render: item => {
return item ? '生产助手' : '' return item ? '生产助手' : ''
} }
...@@ -179,13 +181,14 @@ export default { ...@@ -179,13 +181,14 @@ export default {
{ {
label: '操作', label: '操作',
key: '', key: '',
width: '', width: '80',
align: 'left', // align: 'left',
render: item => ( render: item => (
<div> <div>
<el-button <el-button
size='mini' size='mini'
type='text' type='text'
class="edit"
onClick={() => this.remove(item)} onClick={() => this.remove(item)}
> >
删除 删除
...@@ -220,7 +223,7 @@ export default { ...@@ -220,7 +223,7 @@ export default {
this.resetForm() this.resetForm()
this.dialogVisible = false this.dialogVisible = false
}, },
submit() { async submit() {
// 验证表单 // 验证表单
this.$refs.editForm.validate(valid => { this.$refs.editForm.validate(valid => {
if (valid) { if (valid) {
...@@ -232,12 +235,18 @@ export default { ...@@ -232,12 +235,18 @@ export default {
message: '请上传文件!', message: '请上传文件!',
}) })
} }
const productionAssistantParams = {
...this.editForm,
fileList: this.fileList
}
const res = erpProductionAssistantManage(productionAssistantParams)
console.log('提交表单:>>> ', res)
this.$message({ this.$message({
type: 'success', type: 'success',
message: '保存成功!', message: '保存成功!',
}) })
this.resetForm() // this.resetForm()
this.dialogVisible = false // this.dialogVisible = false
} }
}) })
}, },
...@@ -259,18 +268,17 @@ export default { ...@@ -259,18 +268,17 @@ export default {
}) })
}) })
}, },
handleSuccess() { handleCustom(file) {
console.log('上传成功')
this.$message({ this.$message({
type: 'success', type: 'success',
message: '上传成功!', message: '上传成功!',
}) })
}, },
handleRemove() { handleChange(file, fileList) {
this.$message({ this.fileList = fileList
type: 'success', },
message: '删除成功!', handleRemove(file, fileList) {
}) this.fileList = fileList
}, },
}, },
} }
...@@ -283,35 +291,47 @@ export default { ...@@ -283,35 +291,47 @@ export default {
padding: 10px 20px 0; padding: 10px 20px 0;
overflow: hidden; overflow: hidden;
.item_width { .item_width {
width: 180px; width: 220px;
} }
.upload-file .el-upload { .title_width {
border: 1px dashed #d9d9d9; display: flex;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.upload-file .el-upload:hover {
border-color: #409EFF;
}
.upload-file-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
} }
} }
.table-wrap { .table-wrap {
flex: 1; flex: 1;
} }
.system-menu:deep() .el-form-item__content {
flex: 1;
}
.radioGroup { .radioGroup {
.el-radio { .el-radio {
margin-right: 15px !important; margin-right: 15px !important;
} }
} }
.edit {
color: #fff; /* 字体颜色 */
background-color: #409EFF; /* 背景颜色 */
border-radius: 4px; /* 圆角 */
cursor: pointer; /* 鼠标悬停时显示手型 */
transition: background-color 0.3s; /* 背景颜色过渡效果 */
}
.edit:hover {
background-color: #66b1ff; /* 鼠标悬停时的背景颜色 */
}
.upload-file {
.el-upload {
padding: 70px;
border-radius: 6px;
background-color: #fff;
border: 1px dashed #d9d9d9;
}
:deep() .el-button {
font-size: 28px;
color: #8c939d;
text-align: center;
}
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment