Z: Dot: PC: Goods's page style done.

ybf_admin/src/pages/goods/main/components/add_goods.vue

 <template>
   <div class="dialogs">
-    <el-dialog  title="创建任务" :visible.sync="dialogVisible"  width="480px"
+    <!-- <el-dialog  title="创建任务" :visible.sync="dialogVisible"  width="480px" -->
+    <el-dialog  title="佣金配置" :visible.sync="dialogVisible"  width="480px"
       :before-close="handleClose" class="addGoods">
       <div class="dialogMain">
         <el-form :model="form" :rules="formRules" ref="addform" label-width="130px">
           <el-form-item label="商品:" prop="goods">
-            <el-input v-model="form.goods"></el-input>
+            <el-input v-model="form.goodName"></el-input>
           </el-form-item>
           <el-form-item label="价格:">
-            <el-input v-model="form.price"></el-input>
+            <el-input disabled="true" v-model="form.goodPrice"></el-input>
           </el-form-item>
           <el-form-item label="库存:">
-            <el-input v-model.number="form.num"></el-input>
+            <el-input v-model.number="form.goodNum"></el-input>
           </el-form-item>
           <el-form-item label="佣金:" prop="charges">
-            <el-radio-group v-model="form.charges">
+            <el-radio-group v-model="form.goodBackType">
               <el-radio :label="1">佣金</el-radio>
               <el-radio :label="2">百分比</el-radio>
             </el-radio-group>
           </el-form-item>
-          <el-form-item v-if="form.charges===1" label="金额:" label-width="176px" class="chargeInput" >
-            <el-input v-model="form.num"></el-input>
+          <el-form-item v-if="form.goodBackType===1" label="金额:" label-width="176px" class="chargeInput" >
+            <el-input v-model="form.goodBackPrice"></el-input>
             <span class="unit">元 ( ¥ )</span>
           </el-form-item>
-          <el-form-item v-if="form.charges===2" label="佣金比例:" label-width="176px"  class="chargeInput" >
-            <el-input v-model="form.num"></el-input>
+          <el-form-item v-if="form.goodBackType===2" label="佣金比例:" label-width="176px"  class="chargeInput" >
+            <el-input v-model="form.goodBackPercent"></el-input>
             <span class="unit">( % )</span>
           </el-form-item>
         </el-form>
@@ -44,10 +45,18 @@
       return{
         dialogVisible:false,
         form:{
-          goods:'',
-          price:'',
+          goodName: '膳魔师',
+          goodPrice: '200',
+          goodNum: '44',
+          goodBackType: 2,
+          goodBackPrice: '20',
+          goodBackPercent: '10',
+
+
+          goods:'膳魔师',
+          price:'200',
           charges:1,
-          num:0
+          num:44
         },
         formRules:{
           goods: [