订阅包年价格

src/views/system_config/OrderSetting.vue

@@ -96,6 +96,28 @@
           <span class="quick-btn" @click="tableLength('-')"> 减一行 </span>
           <span class="quick-btn" @click="tableLength('1')"> 加一行 </span>
           <span class="quick-btn" @click="tableLength('10')"> 加十行 </span>
+          <table
+            border
+            class="search-table order-table"
+            :key="'year' + typeValue"
+          >
+            <tr>
+              <th width="60px">#</th>
+              <th width="80px">包年价格</th>
+            </tr>
+            <tr>
+              <td>1</td>
+              <td>
+                <el-input
+                  v-model="yearPrice[typeValue]"
+                  placeholder="输入"
+                  type="number"
+                  @blur="handlePrices()"
+                  @input="forceUpdate()"
+                ></el-input>
+              </td>
+            </tr>
+          </table>
         </div>
       </div>
     </div>
@@ -154,6 +176,7 @@ export default {
       tableHeight: "", // 表格高度
       tableObj: {},
       tableLoading: false,
+      yearPrice: {}, // 包年价格
     };
   },
   //计算属性 类似于data概念
@@ -164,6 +187,9 @@ export default {
   watch: {},
   //方法集合
   methods: {
+    forceUpdate() {
+      this.$forceUpdate();
+    },
     handleChangeTabs(value) {
       this.typeValue = value;
       this.getInfo();
@@ -195,6 +221,7 @@ export default {
         goods_type: key == 1 ? 4 : 2,
         goods_study_phase: key * 1,
         reservation_price_list: table,
+        year_valid_period_price: this.yearPrice[key] * 1,
       };
       getLogin(MethodName, data)
         .then((res) => {
@@ -236,6 +263,7 @@ export default {
           if (res.status === 1) {
             this.tableList = res.reservation_price_list;
             this.tableObj[this.typeValue] = res.reservation_price_list;
+            this.yearPrice[this.typeValue] = res.year_valid_period_price;
             this.$forceUpdate();
           }
         })
@@ -256,6 +284,12 @@ export default {
     handlePrice(item) {
       item.price = cutMoneyFiter(item.price);
     },
+    handlePrices() {
+      this.yearPrice[this.typeValue] = cutMoneyFiter(
+        this.yearPrice[this.typeValue]
+      );
+      this.$forceUpdate();
+    },
     tableLength(type) {
       if (type == "-") {
         if (this.tableObj[this.typeValue].length > 1) {
@@ -373,6 +407,28 @@ export default {
   line-height: 26px; /* 157.143% */
   cursor: pointer;
 }
+table.order-table {
+  margin-top: 40px;
+  border-collapse: collapse;
+  th {
+    background: #f2f3f5;
+    padding: 8px 0px;
+    border: 1px solid #ebeef5;
+    font-size: 14px;
+    line-height: 22px;
+    color: #1d2129;
+    text-align: left;
+    padding: 9px 10px;
+  }
+
+  td {
+    border: 1px solid #ebeef5;
+    font-size: 14px;
+    line-height: 22px;
+    color: #1d2129;
+    padding: 9px 10px;
+  }
+}
 </style>
 
 <style lang="scss">