Sfoglia il codice sorgente

增加积分说明文,优惠券说明文

libin 3 anni fa
parent
commit
3e79bb0f9f
3 ha cambiato i file con 66 aggiunte e 24 eliminazioni
  1. 2 0
      src/lang/ja.js
  2. 2 0
      src/lang/zh.js
  3. 62 24
      src/views/index.vue

+ 2 - 0
src/lang/ja.js

@@ -143,6 +143,8 @@ export default {
 		leader:'責任者',
 		address:'会社住所',
 		username3:'ID',
+		pointDesc:'ポイントの基本ルール',
+		couponDesc:'クーポン基本ルール',
 		safety:"シートベルト着用のお願い",
 		process:"出発までの流れ",
 		cancel:"変更・取消料",

+ 2 - 0
src/lang/zh.js

@@ -143,6 +143,8 @@ export default {
 		leader:'负责人',
 		address:'公司地址',
 		username3:'账号',
+		pointDesc:'积分使用说明',
+		couponDesc:'优惠券使用说明',
 		safety:"安全带",
 		process:"出发前的事项",
 		cancel:"关于变更和取消",

+ 62 - 24
src/views/index.vue

@@ -4,7 +4,7 @@
     <panel-group @handleSetLineChartData="handleSetLineChartData" />
 
 
-        <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+        <el-form ref="form" :model="form" :rules="rules" label-width="180px">
           <h3>基本情報</h3>
           <el-form-item :label="$t('table.deptName')" prop="deptName">
             <el-input :disabled='isDetails' v-model="form.deptName" :placeholder="$t('placeholder.deptName')" />
@@ -18,29 +18,58 @@
           <el-form-item :label="$t('table.address')" prop="address">
             <el-input :disabled='isDetails' v-model="form.address" :placeholder="$t('placeholder.address')" />
           </el-form-item>
+          <h3>ルール説明</h3>
+          <el-collapse v-model="activeNames" accordion>
+            <el-collapse-item :title="$t('table.pointDesc')" name="1">
+              <el-form-item  prop="pointDesc">
+                <editor v-model="form.pointDesc" :min-height="150" :height="384"/>
+               </el-form-item>
+            </el-collapse-item>
+            <el-collapse-item :title="$t('table.couponDesc')" name="2">
+              <el-form-item  prop="couponDesc">
+                 <editor v-model="form.couponDesc" :min-height="192" :height="384"/>
+              </el-form-item>
+            </el-collapse-item>
+          </el-collapse>
           <h3>ツアー関連設定共通情報</h3>
-          <el-form-item :label="$t('table.safety')" prop="safety">
-              <editor v-model="form.safety" :min-height="150" :height="384"/>
-          </el-form-item>
-          <el-form-item :label="$t('table.process')" prop="process">
-              <editor v-model="form.process" :min-height="192" :height="384"/>
-          </el-form-item>
-          <el-form-item :label="$t('table.cancel')" prop="cancel">
-              <editor v-model="form.cancel" :min-height="192" :height="384"/>
-          </el-form-item>
-          <el-form-item :label="$t('table.about')" prop="about">
-              <editor v-model="form.about" :min-height="192" :height="384"/>
-          </el-form-item>
-          <el-form-item :label="$t('table.mark')" prop="mark">
-              <editor v-model="form.mark" :min-height="192" :height="384"/>
-          </el-form-item>
-          <el-form-item :label="$t('table.privacy')" prop="privacy">
-              <editor v-model="form.privacy" :min-height="192" :height="384"/>
-          </el-form-item>
-          <el-form-item :label="$t('table.agreement')" prop="agreement">
-              <editor v-model="form.agreement" :min-height="192" :height="384"/>
-          </el-form-item>
-
+          <el-collapse accordion>
+            <el-collapse-item :title="$t('table.safety')" name="1">
+              <el-form-item  prop="safety">
+                  <editor v-model="form.safety" :min-height="150" :height="384"/>
+              </el-form-item>
+            </el-collapse-item>
+            <el-collapse-item :title="$t('table.process')" name="2">
+              <el-form-item  prop="process">
+                  <editor v-model="form.process" :min-height="192" :height="384"/>
+              </el-form-item>
+              </el-collapse-item>
+            <el-collapse-item :title="$t('table.cancel')" name="3">
+              <el-form-item  prop="cancel">
+                  <editor v-model="form.cancel" :min-height="192" :height="384"/>
+              </el-form-item>
+              </el-collapse-item>
+            <el-collapse-item :title="$t('table.about')" name="4">
+              <el-form-item  prop="about">
+                  <editor v-model="form.about" :min-height="192" :height="384"/>
+              </el-form-item>
+              </el-collapse-item>
+            <el-collapse-item :title="$t('table.mark')" name="5">
+              <el-form-item  prop="mark">
+                  <editor v-model="form.mark" :min-height="192" :height="384"/>
+              </el-form-item>
+              </el-collapse-item>
+            <el-collapse-item :title="$t('table.privacy')" name="6">
+              <el-form-item  prop="privacy">
+                  <editor v-model="form.privacy" :min-height="192" :height="384"/>
+              </el-form-item>
+              </el-collapse-item>
+            <el-collapse-item :title="$t('table.agreement')" name="7">
+              <el-form-item  prop="agreement">
+                  <editor v-model="form.agreement" :min-height="192" :height="384"/>
+              </el-form-item>
+              </el-form-item>
+            </el-collapse-item>
+          </el-collapse>
         </el-form>
 
 
@@ -128,6 +157,9 @@ export default {
       this.open = false;
       this.getBusCompanyInfo(101);
     },
+    scrollTop() {
+
+    },
   }
 }
 </script>
@@ -136,7 +168,13 @@ export default {
 .dashboard-editor-container {
   padding: 32px;
   background-color: rgb(240, 242, 245);
-  position: relative;
+  // position: relative;
+  // position: absolute;
+  // top: 0;
+  // bottom: 0;
+  // left: 0;
+  // right: 0;
+  overflow-x: hidden;
 
   .chart-wrapper {
     background: #fff;