套餐管理

src/views/school-center/product/product.vue

@@ -15,11 +15,10 @@
                             <a-input  placeholder="学校名称"  v-model="queryParam.productUniversity" ></a-input>
                         </a-form-item>
                     </a-col>
-                    <a-col :md="3" :sm="12">
-                            <a-button @click="search()" type="primary">查询</a-button>
-                    </a-col>
-                    <a-col :md="3" :sm="12">
-                            <a-button @click="modifyfunction()" type="primary">添加</a-button>
+                    <a-col :md="12" :sm="12">
+                        <a-button @click="search()" type="primary">查询</a-button>
+                        <a-divider type="vertical"/>
+                        <a-button @click="modifyfunction()" type="primary">添加</a-button>
                     </a-col>
                 </a-row>
             </a-form>
@@ -74,14 +73,24 @@
                     <a-input placeholder="适用学校" v-decorator="[ 'productUniversity', {rules: [{ required: true, message: '适用学校不能为空！' ,validator: 'click'}]} ]"></a-input>
                 </a-form-item>
                 <a-form-item :labelCol="{span: 5}" :wrapperCol="{span: 9, offset: 1}" label="套餐情况：">
-                    <a-textarea :rows="10" v-model="modelData.productMealPrice"/>
-                </a-form-item>
-                <a-form-item :labelCol="{span: 5}" :wrapperCol="{span: 9, offset: 1}" label="产品情况：">
-                    <a-textarea :rows="10" v-model="modelData.productIntroduction"/>
-                </a-form-item>
-                <a-form-item :labelCol="{span: 5}" :wrapperCol="{span: 9, offset: 1}" label="资费介绍：">
-                    <a-textarea :rows="10" v-model="modelData.productSetMealIntroduction"/>
+                    <a-input :rows="10" v-model="modelData.productMealPrice"/>
                 </a-form-item>
+                <div v-show="!add">
+                    <a-form-item :labelCol="{span: 5}" :wrapperCol="{span: 9, offset: 1}" label="状态">
+                        <a-select placeholder="状态" v-decorator="[ 'productState']">
+                            <a-select-option key="0">正常</a-select-option>
+                            <a-select-option key="1">下架</a-select-option>
+                        </a-select>
+                    </a-form-item>
+                    <a-form-item :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}" label="产品情况：">
+                        <div v-html="productIntroduction">
+                        </div>
+                    </a-form-item>
+                    <a-form-item :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}" label="资费介绍：">
+                        <div v-html="productSetMealIntroduction">
+                        </div>
+                    </a-form-item>
+                </div>
             </a-form>
         </a-modal>
     </div>
@@ -101,6 +110,8 @@
                 Formtable: this.$form.createForm(this),
                 modifyvisible: false,
                 add: true,
+                productIntroduction:"",
+                productSetMealIntroduction:'',
                 queryParam: {
                      productUniversity :'', //适用学校
                      productRegion  :'',  // 区域
@@ -108,8 +119,6 @@
                      productState  :''  // 宽带狀態
                 },
                 modelData:{
-                    productIntroduction:'',
-                    productSetMealIntroduction:'',
                     productMealPrice:'',
                     productMeal:'',
                     productTitle:'',
@@ -184,8 +193,8 @@
             },
             modifyfunction(data){
                 if(data != undefined ){
-                    this.modelData.productIntroduction=data.productIntroduction,
-                        this.modelData.productSetMealIntroduction=data.productSetMealIntroduction,
+                    this.productIntroduction=data.productIntroduction,
+                        this.productSetMealIntroduction=data.productSetMealIntroduction,
                         this.modelData.productMealPrice=data.productMealPrice
                     this.modelData.productId=data.productId
                     setTimeout(()=>{
@@ -195,7 +204,8 @@
                             "productUniversity":data.productUniversity,
                             "productPrice":data.productPrice,
                             "productRegion":data.productRegion,
-                            "productRate":data.productRate
+                            "productRate":data.productRate,
+                            productState:data.productState
                         })
                     },0)
                     this.add=false;
@@ -204,7 +214,7 @@
             },
             createfunctionOk(){
                 let that = this;
-                that.Formtable.validateFields(['productMeal','productTitle','productPrice','productUniversity','productRegion','productRate'], {force: true}, (err, values) => {
+                that.Formtable.validateFields(['productMeal','productTitle','productPrice','productUniversity','productRegion','productRate','productState'], {force: true}, (err, values) => {
                     if (err ) {
                         return;
                     }
@@ -214,9 +224,10 @@
                         that.modelData.productPrice=values.productPrice
                         that.modelData.productRegion=values.productRegion
                         that.modelData.productRate=values.productRate
+                        that.modelData.productState=values.productState
                     if(this.add){
                         let obj= that.modelData;
-                       delete obj.productId
+                        delete obj.productId
                         let  product= JSON.stringify(obj);
                         productInsert({product}).then((res) => {
                             this.modifyvisible=false;
@@ -259,7 +270,8 @@
                     productUniversity:'',
                     productPrice:'',
                     productRegion:'',
-                    productRate:''
+                    productRate:'',
+                    productState:'0'
                 })
             }
         }