|
@@ -1,56 +1,48 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-form :model="form" ref="form">
|
|
|
- <el-form-item
|
|
|
- label="声部选择"
|
|
|
- prop="subjectId"
|
|
|
- :label-width="formLabelWidth"
|
|
|
- :rules="[{ required: true, message: '请选择声部', trigger: 'change' }]"
|
|
|
- >
|
|
|
- <el-select
|
|
|
- v-model.trim="form.subjectId"
|
|
|
- filterable
|
|
|
- style="width: 100%!important;"
|
|
|
- placeholder="请选择声部组合"
|
|
|
- clearable
|
|
|
- >
|
|
|
- <el-option-group
|
|
|
- v-for="group in subjectList"
|
|
|
- :key="group.label"
|
|
|
- :label="group.label"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in group.options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
+ <el-form :model="form"
|
|
|
+ ref="form">
|
|
|
+ <el-form-item label="声部选择"
|
|
|
+ prop="subjectId"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ :rules="[{ required: true, message: '请选择声部', trigger: 'change' }]">
|
|
|
+ <el-select v-model.trim="form.subjectId"
|
|
|
+ filterable
|
|
|
+ style="width: 100%!important;"
|
|
|
+ placeholder="请选择声部组合"
|
|
|
+ clearable>
|
|
|
+ <el-option-group v-for="group in subjectList"
|
|
|
+ :key="group.label"
|
|
|
+ :label="group.label">
|
|
|
+ <el-option v-for="item in group.options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
</el-option>
|
|
|
</el-option-group>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item
|
|
|
- v-for="item in typesList"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label + '模式折扣(%)'"
|
|
|
- :prop="`types.${item.value}`"
|
|
|
- :label-width="formLabelWidth"
|
|
|
- :rules="[{ required: true, message: '请输入折扣', trigger: 'blur' }]"
|
|
|
- >
|
|
|
+ <el-form-item v-for="item in typesList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label + '模式折扣(%)'"
|
|
|
+ :prop="`types.${item.value}`"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ :rules="[{ required: true, message: '请输入折扣', trigger: 'blur' }]">
|
|
|
<el-input-number v-model.trim="form.types[item.value]"
|
|
|
- autocomplete="off"
|
|
|
- placeholder="请输入折扣 1%-100%"
|
|
|
- controls-position="right"
|
|
|
- class="number-input"
|
|
|
- :min="1"
|
|
|
- :max="100"
|
|
|
- :precision="0"
|
|
|
- ></el-input-number>
|
|
|
+ autocomplete="off"
|
|
|
+ placeholder="请输入折扣 1%-100%"
|
|
|
+ controls-position="right"
|
|
|
+ class="number-input"
|
|
|
+ :min="1"
|
|
|
+ :max="100"
|
|
|
+ :precision="0"></el-input-number>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
+ <span slot="footer"
|
|
|
+ class="dialog-footer">
|
|
|
<el-button @click="$listeners.close">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submit">确 定</el-button>
|
|
|
+ <el-button type="primary"
|
|
|
+ @click="submit">确 定</el-button>
|
|
|
</span>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -58,7 +50,7 @@
|
|
|
import { insertChargeTypeSubjectMapper } from '@/api/specialSetting'
|
|
|
export default {
|
|
|
props: ['typesList', 'subjectList'],
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
formLabelWidth: '130px',
|
|
|
form: {
|
|
@@ -68,7 +60,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- submit() {
|
|
|
+ submit () {
|
|
|
this.$refs.form.validate(async valid => {
|
|
|
if (valid) {
|
|
|
const data = []
|
|
@@ -86,7 +78,7 @@ export default {
|
|
|
await insertChargeTypeSubjectMapper(data)
|
|
|
this.$message.success('创建成功')
|
|
|
this.$listeners.close()
|
|
|
- } catch (error) {}
|
|
|
+ } catch (error) { }
|
|
|
}
|
|
|
})
|
|
|
}
|
|
@@ -94,15 +86,15 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
- .dialog-footer{
|
|
|
- display: block;
|
|
|
- text-align: right;
|
|
|
+.dialog-footer {
|
|
|
+ display: block;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.number-input {
|
|
|
+ /deep/ .el-input__inner {
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
- .number-input{
|
|
|
- /deep/ .el-input__inner {
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
</style>
|