Pārlūkot izejas kodu

云教练收费标准增加经营报表

liushengqiang 2 gadi atpakaļ
vecāks
revīzija
4fe4088c34
1 mainītis faili ar 478 papildinājumiem un 366 dzēšanām
  1. 478 366
      src/views/categroyManager/productSystem/memberFeeSet.vue

+ 478 - 366
src/views/categroyManager/productSystem/memberFeeSet.vue

@@ -221,396 +221,421 @@
     </div>
     <emptyPage @submit="addFee" title='云教练收费标准' btnTitle='新建云教练收费标准' :context='context' v-if="!(tableList.length>0 || rules.page>1)&&contextFlag" />
     <el-dialog
+      class="dialog"
       :title="title"
+      top="12vh"
       :close-on-click-modal="false"
       :visible.sync="branchStatus"
       v-if="branchStatus"
       default-expand-all
       @close="onFormClose('ruleForm')"
-      width="730px"
+      width="820px"
     >
-      <el-form :model="form" :inline="true" ref="ruleForm">
-        <el-form-item
-          label="所属分部"
-          prop="organId"
-          :rules="[{ required: true, message: '请选择分部' }]"
-          :label-width="formLabelWidth"
-        >
-          <el-select
-            :disabled="addDisabled"
-            class="multiple"
-            filterable
-            style="width: 545px !important"
-            v-model.trim="form.organId"
-            clearable
-            placeholder="请选择分部"
+      <el-form class="elForm" :model="form" label-position="top" ref="ruleForm">
+        <div class="wrap">
+          <el-form-item
+            label="所属分部"
+            prop="organId"
+            :rules="[{ required: true, message: '请选择分部' }]"
+            :label-width="formLabelWidth"
           >
-            <el-option
-              v-for="(item, index) in selects.branchs"
-              :key="index"
-              :label="item.name"
-              :value="item.id"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          label="云教练名称"
-          prop="memberRankSettingId"
-          :rules="[{ required: true, message: '请选择云教练' }]"
-          :label-width="formLabelWidth"
-        >
-            <!-- :disabled="addDisabled" -->
-          <el-select
-            disabled
-            class="multiple"
-            filterable
-            style="width: 545px !important"
-            v-model.trim="form.memberRankSettingId"
-            clearable
-            placeholder="请选择云教练"
+            <el-select
+              :disabled="addDisabled"
+              class="multiple"
+              filterable
+              v-model.trim="form.organId"
+              clearable
+              placeholder="请选择分部"
+            >
+              <el-option
+                v-for="(item, index) in selects.branchs"
+                :key="index"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            label="云教练名称"
+            prop="memberRankSettingId"
+            :rules="[{ required: true, message: '请选择云教练' }]"
+            :label-width="formLabelWidth"
           >
-            <el-option
-              v-for="(item, index) in remberList"
-              :key="index"
-              :label="item.name"
-              :value="item.id"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-        <!-- <el-form-item
-          prop="groupPurchaseDayFee"
-          label="日收费团购价"
-          :rules="[
-            { required: true, message: '请输入日收费团购价' },
-            {
-              pattern:
-                /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
-              message: '请输入正确的金额',
-            },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.groupPurchaseDayFee"
-            :disabled="addDisabled"
-            class="feeInput"
+            <el-select
+              disabled
+              class="multiple"
+              filterable
+              v-model.trim="form.memberRankSettingId"
+              clearable
+              placeholder="请选择云教练"
+            >
+              <el-option
+                v-for="(item, index) in remberList"
+                :key="index"
+                :label="item.name"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </div>
+
+        <div class="lineTitle">月度收费</div>
+
+        <div class="wrap">
+          <el-form-item
+            prop="groupPurchaseMonthFee"
+            label="团购价"
+            :rules="[
+              { required: true, message: '请输入月收费团购价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateMonth, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
+            :placeholder="monthRule"
           >
-            <template slot="append">元/日</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="currentDayFee"
-          label="日收费零售价"
-          :rules="[
-            {
-              required: true,
-              message: '请输入日收费零售价',
-              trigger: 'blur, change',
-            },
-            {
-              pattern:
-                /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
-              message: '请输入正确的金额',
-            },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.currentDayFee"
-            :disabled="addDisabled"
-            class="feeInput"
+            <el-input
+              v-model="form.groupPurchaseMonthFee"
+              :disabled="addDisabled"
+              :placeholder="monthRule"
+            >
+              <template slot="append">元/月</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="currentMonthFee"
+            label="零售价"
+            :rules="[
+              { required: true, message: '请输入月收费零售价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateMonth, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/日</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="originalDayFee"
-          label="日收费原价"
-          :rules="[
-            { required: true, message: '请输入日收费原价' },
-            {
-              pattern:
-                /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/,
-              message: '请输入正确的金额',
-            },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.originalDayFee"
-            :disabled="addDisabled"
-            class="feeInput"
+            <el-input
+              v-model="form.currentMonthFee"
+              :disabled="addDisabled"
+                    :placeholder="monthRule"
+            >
+              <template slot="append">元/月</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="originalMonthFee"
+            label="原价"
+            :rules="[
+              { required: true, message: '请输入月收费原价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateMonth, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
+          >
+            <el-input
+              v-model="form.originalMonthFee"
+              :disabled="addDisabled"
+              :placeholder="monthRule"
+            >
+              <template slot="append">元/月</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="monthRevenue"
+            label="经营报表确认收入"
+            :rules="[
+              { required: true, message: '请输入月度经营报表确认收入' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateMonth, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/日</template>
-          </el-input>
-        </el-form-item> -->
+            <el-input
+              v-model="form.monthRevenue"
+              :disabled="addDisabled"
+              :placeholder="monthRule"
+            >
+              <template slot="append">元</template>
+            </el-input>
+          </el-form-item>
+        </div>
 
-        <el-form-item
-          prop="groupPurchaseMonthFee"
-          label="月收费团购价"
-          :rules="[
-            { required: true, message: '请输入月收费团购价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateMonth, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-            :placeholder="monthRule"
-        >
-          <el-input
-            v-model="form.groupPurchaseMonthFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="monthRule"
+        <div class="lineTitle">季度收费</div>
+
+        <div class="wrap">
+          <el-form-item
+            prop="groupPurchaseQuarterlyFee"
+            label="团购价"
+            :rules="[
+              { required: true, message: '请输入季度收费团购价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateQuarterly, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/月</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="currentMonthFee"
-          label="月收费零售价"
-          :rules="[
-            { required: true, message: '请输入月收费零售价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateMonth, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.currentMonthFee"
-            :disabled="addDisabled"
-            class="feeInput"
-                  :placeholder="monthRule"
+            <el-input
+              v-model="form.groupPurchaseQuarterlyFee"
+              :disabled="addDisabled"
+              :placeholder="quarterlyRule"
+            >
+              <template slot="append">元/季度</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="currentQuarterlyFee"
+            label="零售价"
+            :rules="[
+              { required: true, message: '请输入季度收费零售价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateQuarterly, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
+
           >
-            <template slot="append">元/月</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="originalMonthFee"
-          label="月收费原价"
-          :rules="[
-            { required: true, message: '请输入月收费原价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateMonth, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.originalMonthFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="monthRule"
+            <el-input
+              v-model="form.currentQuarterlyFee"
+              :disabled="addDisabled"
+              :placeholder="quarterlyRule"
+            >
+              <template slot="append">元/季度</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="originalQuarterlyFee"
+            label="原价"
+            :rules="[
+              { required: true, message: '请输入季度收费原价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateQuarterly, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/月</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="groupPurchaseQuarterlyFee"
-          label="季度收费团购价"
-          :rules="[
-            { required: true, message: '请输入季度收费团购价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateQuarterly, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.groupPurchaseQuarterlyFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="quarterlyRule"
+            <el-input
+              v-model="form.originalQuarterlyFee"
+              :disabled="addDisabled"
+              :placeholder="quarterlyRule"
+            >
+              <template slot="append">元/季度</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="purchaseRevenue"
+            label="经营报表确认收入"
+            :rules="[
+              { required: true, message: '请输入季度经营报表确认收入' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateQuarterly, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/季度</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="currentQuarterlyFee"
-          label="季度收费零售价"
-          :rules="[
-            { required: true, message: '请输入季度收费零售价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateQuarterly, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
+            <el-input
+              v-model="form.purchaseRevenue"
+              :disabled="addDisabled"
+              :placeholder="quarterlyRule"
+            >
+              <template slot="append">元</template>
+            </el-input>
+          </el-form-item>
+        </div>
 
-        >
-          <el-input
-            v-model="form.currentQuarterlyFee"
-            :disabled="addDisabled"
-            class="feeInput"
-             :placeholder="quarterlyRule"
+        <div class="lineTitle">半年收费</div>
+
+        <div class="wrap">
+          <el-form-item
+            prop="groupPurchaseHalfYearFee"
+            label="半年收费团购价"
+            :rules="[
+              { required: true, message: '请输入半年收费团购价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateHalfYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/季度</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="originalQuarterlyFee"
-          label="季度收费原价"
-          :rules="[
-            { required: true, message: '请输入季度收费原价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateQuarterly, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.originalQuarterlyFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="quarterlyRule"
+            <el-input
+              v-model="form.groupPurchaseHalfYearFee"
+              :disabled="addDisabled"
+              :placeholder="halfYearRule"
+            >
+              <template slot="append">元/半年</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="currentHalfYearFee"
+            label="半年收费零售价"
+            :rules="[
+              { required: true, message: '请输入半年收费零售价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+                { validator: validateHalfYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/季度</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="groupPurchaseHalfYearFee"
-          label="半年收费团购价"
-          :rules="[
-            { required: true, message: '请输入半年收费团购价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateHalfYear, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.groupPurchaseHalfYearFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="halfYearRule"
+            <el-input
+              v-model="form.currentHalfYearFee"
+              :disabled="addDisabled"
+              :placeholder="halfYearRule"
+            >
+              <template slot="append">元/半年</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="originalHalfYearFee"
+            label="半年收费原价"
+            :rules="[
+              { required: true, message: '请输入半年收费原价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateHalfYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/半年</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="currentHalfYearFee"
-          label="半年收费零售价"
-          :rules="[
-            { required: true, message: '请输入半年收费零售价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
+            <el-input
+              v-model="form.originalHalfYearFee"
+              :disabled="addDisabled"
+              :placeholder="halfYearRule"
+            >
+              <template slot="append">元/半年</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="halfYRevenue"
+            label="经营报表确认收入"
+            :rules="[
+              { required: true, message: '请输入半年经营报表确认收入' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
               { validator: validateHalfYear, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.currentHalfYearFee"
-            :disabled="addDisabled"
-            class="feeInput"
-             :placeholder="halfYearRule"
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/半年</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="originalHalfYearFee"
-          label="半年收费原价"
-          :rules="[
-            { required: true, message: '请输入半年收费原价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateHalfYear, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.originalHalfYearFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="halfYearRule"
+            <el-input
+              v-model="form.halfYRevenue"
+              :disabled="addDisabled"
+              :placeholder="halfYearRule"
+            >
+              <template slot="append">元/半年</template>
+            </el-input>
+          </el-form-item>
+        </div>
+
+        <div class="lineTitle">年度收费</div>
+        
+        <div class="wrap">
+          <el-form-item
+            prop="groupPurchaseYearFee"
+            label="年收费团购价"
+            :rules="[
+              { required: true, message: '请输入年收费团购价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/半年</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="groupPurchaseYearFee"
-          label="年收费团购价"
-          :rules="[
-            { required: true, message: '请输入年收费团购价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateYear, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.groupPurchaseYearFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="yearRule"
+            <el-input
+              v-model="form.groupPurchaseYearFee"
+              :disabled="addDisabled"
+              :placeholder="yearRule"
+            >
+              <template slot="append">元/年</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="currentYearFee"
+            label="年收费零售价"
+            :rules="[
+              { required: true, message: '请输入年收费零售价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/年</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="currentYearFee"
-          label="年收费零售价"
-          :rules="[
-            { required: true, message: '请输入年收费零售价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-             { validator: validateYear, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.currentYearFee"
-            :disabled="addDisabled"
-            class="feeInput"
-                        :placeholder="yearRule"
+            <el-input
+              v-model="form.currentYearFee"
+              :disabled="addDisabled"
+              :placeholder="yearRule"
+            >
+              <template slot="append">元/年</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="originalYearFee"
+            label="年收费原价"
+            :rules="[
+              { required: true, message: '请输入年收费原价' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/年</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item
-          prop="originalYearFee"
-          label="年收费原价"
-          :rules="[
-            { required: true, message: '请输入年收费原价' },
-            {
-              pattern: /^[1-9][0-9]*$/,
-              message: '请输入大于0的正整数',
-            },
-            { validator: validateYear, trigger: 'blur' },
-          ]"
-          :label-width="formLabelWidth"
-        >
-          <el-input
-            v-model="form.originalYearFee"
-            :disabled="addDisabled"
-            class="feeInput"
-            :placeholder="yearRule"
+            <el-input
+              v-model="form.originalYearFee"
+              :disabled="addDisabled"
+              :placeholder="yearRule"
+            >
+              <template slot="append">元/年</template>
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            prop="yearRevenue"
+            label="经营报表确认收入"
+            :rules="[
+              { required: true, message: '请输入年度经营报表确认收入' },
+              {
+                pattern: /^[1-9][0-9]*$/,
+                message: '请输入大于0的正整数',
+              },
+              { validator: validateYear, trigger: 'blur' },
+            ]"
+            :label-width="formLabelWidth"
           >
-            <template slot="append">元/年</template>
-          </el-input>
-        </el-form-item>
+            <el-input
+              v-model="form.yearRevenue"
+              :disabled="addDisabled"
+              :placeholder="yearRule"
+            >
+              <template slot="append">元</template>
+            </el-input>
+          </el-form-item>
+        </div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button v-if="!addDisabled" @click="branchStatus = false"
@@ -671,6 +696,10 @@ export default {
         groupPurchaseYearFee: "",
         organId: "",
         memberRankSettingId: "",
+        monthRevenue: '', // 月经营报表
+        purchaseRevenue: "", // 季度经营报表
+        halfYRevenue: "", // 半年经营报表
+        yearRevenue: "", // 年经营报表
       },
       branchStatus: false,
       remberList: [],
@@ -891,12 +920,95 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-::v-deep .el-input-group__append {
-  width: 88px;
-}
 .feeInput {
   ::v-deep .el-input__inner {
     width: 120px !important;
   }
 }
+.dialog{
+  ::v-deep {
+    .el-dialog{
+      border-radius: 4px;
+      overflow: hidden;
+    }
+    .el-dialog__header{
+      display: flex;
+      flex-shrink: 0;
+      justify-content: space-between;
+      align-items: center;
+      box-sizing: border-box;
+      width: 100%;
+      height: 48px;
+      padding: 0 20px;
+      .el-dialog__title{
+        font-weight: 500;
+        font-size: 16px;
+      }
+      .el-dialog__headerbtn{
+        position: relative;
+        top: 0;
+        right: 0;
+        &::before{
+          position: absolute;
+          display: block;
+          box-sizing: border-box;
+          background-color: transparent;
+          border-radius: 50%;
+          transition: background-color .1s cubic-bezier(0,0,1,1);
+          content: "";
+          top: 50%;
+          left: 50%;
+          width: 20px;
+          height: 20px;
+          transform: translate(-50%,-50%);
+        }
+      }
+      .el-dialog__headerbtn:hover{
+        &::before{
+          background-color: rgba(0,0,0, .5);
+        }
+      }
+      .el-dialog__close{
+        position: relative;
+      }
+    }
+    .el-dialog__body{
+      padding: 10px 20px;
+    }
+    .el-input-group__append{
+      padding: 0 10px;
+      font-size: 14px;
+    }
+  }
+}
+.elForm{
+  ::v-deep {
+    .el-form-item__label{
+      max-width: 100%;
+      color: #4e5969;
+      font-size: 14px;
+      white-space: normal;
+      padding: 0;
+      font-weight: 400;
+      line-height: 32px;
+    }
+  }
+}
+.lineTitle{
+  background-color: rgba(247,247,247,1);
+  padding: 10px;
+  border-radius: 4px;
+  color: #333;
+}
+.wrap{
+  display: flex;
+  align-items: center;
+  ::v-deep .el-form-item:not(:last-child){
+    margin-right: 20px;
+    
+  }
+  .el-form-item{
+      width: 180px;
+    }
+}
 </style>