|
|
@@ -77,50 +77,90 @@
|
|
|
:visible.sync="branchStatus"
|
|
|
default-expand-all
|
|
|
@close="onFormClose('ruleForm')"
|
|
|
- width="500px"
|
|
|
+ width="800px"
|
|
|
>
|
|
|
- <el-form :model="form" :rules="rules" ref="ruleForm">
|
|
|
- <el-alert title="会员信息" type="info"> </el-alert>
|
|
|
- <el-alert title="会员权益" type="info"> </el-alert>
|
|
|
+ <el-form :model="form" :rules="rules" :inline="true" ref="ruleForm">
|
|
|
+ <el-alert
|
|
|
+ title="会员信息"
|
|
|
+ type="info"
|
|
|
+ :closable="false"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ >
|
|
|
+ </el-alert>
|
|
|
<el-form-item
|
|
|
- label="功能名称"
|
|
|
+ label="会员名称"
|
|
|
prop="name"
|
|
|
:label-width="formLabelWidth"
|
|
|
>
|
|
|
- <el-input v-model.trim="form.name" autocomplete="off"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.name"
|
|
|
+ autocomplete="off"
|
|
|
+ style="width: 620px"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- label="功能标识"
|
|
|
- prop="code"
|
|
|
+ label="会员介绍"
|
|
|
+ prop="name"
|
|
|
:label-width="formLabelWidth"
|
|
|
>
|
|
|
- <el-input v-model.trim="form.code" autocomplete="off"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.name"
|
|
|
+ autocomplete="off"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ style="width: 620px"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- label="父元素ID"
|
|
|
- prop="parentId"
|
|
|
+ label="会员标识"
|
|
|
+ prop="name"
|
|
|
:label-width="formLabelWidth"
|
|
|
>
|
|
|
- <el-cascader
|
|
|
- v-model="form.parentId"
|
|
|
- style="width: 100%"
|
|
|
- :options="cascaderList"
|
|
|
- :props="optionProps"
|
|
|
- ></el-cascader>
|
|
|
+ <upload
|
|
|
+ v-model="form.image"
|
|
|
+ :imageWidthM="400"
|
|
|
+ :disabled="addDisabled"
|
|
|
+ :imageHeightM="400"
|
|
|
+ ></upload>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
+ <br>
|
|
|
<el-form-item
|
|
|
- label="功能描述"
|
|
|
+ label="是否新用户试用"
|
|
|
+ prop="name"
|
|
|
+ :label-width="formLabelWidth"
|
|
|
+ >
|
|
|
+ <el-select v-model.trim="form.isProbationPeriod"
|
|
|
+ clearable
|
|
|
+ filterable
|
|
|
+ placeholder="请选择是否试用">
|
|
|
+ <el-option label="是"
|
|
|
+ :value="true"></el-option>
|
|
|
+ <el-option label="否"
|
|
|
+ :value="false"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="试用期限"
|
|
|
+ prop="name"
|
|
|
:label-width="formLabelWidth"
|
|
|
- prop="desc"
|
|
|
>
|
|
|
<el-input
|
|
|
- type="textarea"
|
|
|
- v-model.trim="form.desc"
|
|
|
+ style="width:200px"
|
|
|
+ v-model.trim="form.name"
|
|
|
autocomplete="off"
|
|
|
- :rows="3"
|
|
|
- ></el-input>
|
|
|
+ >
|
|
|
+ <template slot="append">天</template>
|
|
|
+ </el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-alert
|
|
|
+ title="会员权益"
|
|
|
+ type="info"
|
|
|
+ :closable="false"
|
|
|
+ style="margin-bottom: 20px"
|
|
|
+ >
|
|
|
+ </el-alert>
|
|
|
+
|
|
|
+
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="branchStatus = false">取 消</el-button>
|
|
|
@@ -141,11 +181,13 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import pagination from "@/components/Pagination/index";
|
|
|
+import Upload from "@/components/Upload/index";
|
|
|
export default {
|
|
|
- components: { pagination },
|
|
|
+ components: { pagination, Upload },
|
|
|
name: "memberSet",
|
|
|
data() {
|
|
|
return {
|
|
|
+ formLabelWidth: "120px",
|
|
|
searchForm: {
|
|
|
search: null,
|
|
|
},
|
|
|
@@ -167,10 +209,10 @@ export default {
|
|
|
search() {},
|
|
|
onReSet() {},
|
|
|
getList() {},
|
|
|
- addLeave(){
|
|
|
- this.title = '新增会员等级'
|
|
|
+ addLeave() {
|
|
|
+ this.title = "新增会员等级";
|
|
|
this.branchStatus = true;
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
mo