|
@@ -0,0 +1,150 @@
|
|
|
+<template>
|
|
|
+ <div class="marketplacepick-all">
|
|
|
+ <div class="marketplacepick-form">
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm" >
|
|
|
+ <div class="marketplacepick-form-ul">
|
|
|
+ <div class="marketplacepick-form-li" v-for="(item,index) in controlarr" :key="index" >
|
|
|
+ <el-form-item :label="item.fieldName">
|
|
|
+ <el-input v-if="item.fieldTypeName=='文本'" v-model="item.newValue"></el-input>
|
|
|
+ <el-input-number id="marketplacepicknumber" v-if="item.fieldTypeName=='数字'" :controls="false" v-model="item.newValue" ></el-input-number>
|
|
|
+ <el-radio-group v-if="item.fieldTypeName=='单选按钮'" v-model="item.newValue">
|
|
|
+ <el-radio label="是"></el-radio>
|
|
|
+ <el-radio label="否"></el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="item.isRemark">
|
|
|
+ <el-input type="textarea" v-model="item.remark"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <el-form-item>
|
|
|
+ <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
|
|
|
+ <el-button @click="resetForm('ruleForm')">重置</el-button>
|
|
|
+ </el-form-item> -->
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ ruleForm: {
|
|
|
+ name: '',
|
|
|
+ region: '',
|
|
|
+ date1: '',
|
|
|
+ date2: '',
|
|
|
+ delivery: false,
|
|
|
+ type: [],
|
|
|
+ resource: '',
|
|
|
+ desc: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入活动名称', trigger: 'blur' },
|
|
|
+ { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ region: [
|
|
|
+ { required: true, message: '请选择活动区域', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ date1: [
|
|
|
+ { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ date2: [
|
|
|
+ { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ type: [
|
|
|
+ { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ resource: [
|
|
|
+ { required: true, message: '请选择活动资源', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ desc: [
|
|
|
+ { required: true, message: '请填写活动形式', trigger: 'blur' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ formid:0,
|
|
|
+ tempId:1404,
|
|
|
+ controlarr:[],
|
|
|
+ tempDatas:[],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ submitForm(formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ alert('submit!');
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ resetForm(formName) {
|
|
|
+ this.$refs[formName].resetFields();
|
|
|
+ },
|
|
|
+ //或取基础数据
|
|
|
+ GroupOrderPreInfos() {
|
|
|
+ var url = "/api/Groups/GroupOrderPreInfo/"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'get',
|
|
|
+ url: url,
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code==200) {
|
|
|
+ that.tempDatas=res.data.data.tempDatas;
|
|
|
+ that.tempId=that.tempDatas[0].id;
|
|
|
+ that.GroupOrderPreInfo();
|
|
|
+ }else{
|
|
|
+ that.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //获取表单
|
|
|
+ GroupOrderPreInfo() {
|
|
|
+ var url = "/api/Groups/GroupOrderPreInfo/"+this.formid+"/"+this.tempId
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'get',
|
|
|
+ url: url,
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code==200) {
|
|
|
+ that.controlarr=res.data.data.items;
|
|
|
+ }else{
|
|
|
+ that.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.GroupOrderPreInfos();
|
|
|
+ // this.GroupOrderPreInfo();
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+.marketplacepick-form{
|
|
|
+ max-width: 1200px;
|
|
|
+ min-width: 375px;
|
|
|
+}
|
|
|
+.marketplacepick-form .el-select{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.marketplacepick-form-li .el-input-number{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.marketplacepick-form-li .el-input-number .el-input__inner{
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+.marketplacepick-form-ul{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+.marketplacepick-form-li{
|
|
|
+ width: 365px;
|
|
|
+ margin-right: 10px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding: 0px 5px;
|
|
|
+ border: 1px dashed #b0b1b3;
|
|
|
+}
|
|
|
+</style>
|