付费规则更新

src/HManagement/siteManage/paymentRules/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <div class="container normal-panel normal-margin  flex-between">
-      <el-button class="inline-24" type="primary" icon="el-icon-edit" size="small" v-if="!isSave" @click="onEdit">编 辑</el-button>
-      <el-button class="inline-24" type="warning" icon="el-icon-edit" size="small" v-else @click="onSave">保 存</el-button>
-      <versionDefinition class="inline-24"></versionDefinition>
+      <el-button class="inline-24" type="primary" icon="el-icon-edit" size="small" v-if="!isSave && tool.checkAuth($route.name,'update')" @click="onEdit" >编 辑</el-button>
+      <el-button class="inline-24" type="warning" icon="el-icon-edit" size="small" v-else-if="isSave && tool.checkAuth($route.name,'update')" @click="onSave">保 存</el-button>
+      <versionDefinition class="inline-24" v-if="tool.checkAuth($route.name,'versionDefinition')"></versionDefinition>
     </div>
     <div class="container normal-panel">
       <el-row :gutter="20">
@@ -88,6 +88,13 @@ export default {
       this.form.sys_trialperiod = res.data.sys_trialperiod
       this.form.sys_payincidence = res.data.sys_payincidence == '1'?'1':'2'
       console.log(this.form,'表单数据')
+      if (this.form.sys_payswitch == '0'){
+        this.isSave = false
+        this.isOpen = false
+      }else {
+        this.isSave = false
+        this.isOpen = false
+      }
     },
     save(){
       console.log(this.form)
@@ -129,4 +136,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

src/HManagement/siteManage/paymentRules/modules/accountRule.vue

@@ -3,9 +3,9 @@
     <div class="div-border" v-for="(item,rowIndex) in ruleList" :key="rowIndex">
       <el-row :gutter="20" style="margin-top: 10px;margin-left: 10px">
         <el-col style="margin-bottom: 10px">
-          <el-button type="primary" icon="el-icon-delete" style="float: right;margin-right: 10px" :disabled="!disabled" v-if="index !== rowIndex && ruleList.length > 1" @click="onDel(item)"></el-button>
-          <el-button type="primary" icon="el-icon-edit" style="float: right;margin-right: 10px" v-if="index !== rowIndex" :disabled="!disabled" @click="onEdit(rowIndex)"></el-button>
-          <el-button type="warning" icon="el-icon-circle-check" style="float: right;margin-right: 10px" v-if="isSave && index === rowIndex" :disabled="!disabled" @click="onSave(item,rowIndex)"></el-button>
+          <el-button type="primary" icon="el-icon-delete" style="float: right;margin-right: 10px" :disabled="!disabled" v-if="index !== rowIndex && ruleList.length > 1 && tool.checkAuth($route.name,'delete')" @click="onDel(item)"></el-button>
+          <el-button type="primary" icon="el-icon-edit" style="float: right;margin-right: 10px" v-if="index !== rowIndex && tool.checkAuth($route.name,'update')" :disabled="!disabled" @click="onEdit(rowIndex)"></el-button>
+          <el-button type="warning" icon="el-icon-circle-check" style="float: right;margin-right: 10px" v-if="isSave && index === rowIndex && tool.checkAuth($route.name,'update')" :disabled="!disabled" @click="onSave(item,rowIndex)"></el-button>
         </el-col>
         <el-form :model="item"  :rules="rules" ref="form" label-width="120px" label-position="right" size="mini" :disabled="!disabled || !isSave || index !== rowIndex">
           <el-col  :span="20">
@@ -37,33 +37,33 @@
               <el-form-item label="最少人数:"  label-width="107px"
                             :prop="'paymentrules.' + ruleIndex + '.min'"
                             :rules="{required: true, message: '人数不能为空', trigger: 'blur'}">
-                <el-input v-model="ruleItem.min" placeholder="请填写人数"  ></el-input>
+                <el-input v-model="ruleItem.min" placeholder="请填写人数"  type="number"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="7">
               <el-form-item label="最多人数:"  label-width="90px"
                             :prop="'paymentrules.' + ruleIndex + '.max'"
                             :rules="{required: true, message: '人数不能为空', trigger: 'blur'}">
-                <el-input v-model="ruleItem.max" placeholder="请填写人数" ></el-input>
+                <el-input v-model="ruleItem.max" placeholder="请填写人数" type="number"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="7">
               <el-form-item label="定价(元):"  label-width="90px"
                             :prop="'paymentrules.' + ruleIndex + '.price'"
-                            :rules="{required: true, message: '定价不能为空', trigger: 'blur'}">
-                <el-input v-model="ruleItem.price" placeholder="请填写金额(元)"  ></el-input>
+                            :rules="{required: true,pattern:/^\d+(.\d{1,2})?$/, message: '只能输入数字且最多2位小数', trigger: 'blur'}">
+                <el-input v-model="ruleItem.price" placeholder="请填写金额(元)"  type="number"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="3">
-              <el-button type="primary" icon="el-icon-plus" circle v-if="ruleIndex === item.paymentrules.length -1" class="inline-16" @click="addPrice(rowIndex)"></el-button>
-              <el-button type="info" icon="el-icon-close" circle v-if="item.paymentrules.length >1" @click="delPrice(ruleIndex)"></el-button>
+              <el-button type="primary" icon="el-icon-plus" circle v-if="ruleIndex === item.paymentrules.length -1 && tool.checkAuth($route.name,'insert')" class="inline-16" @click="addPrice(rowIndex)"></el-button>
+              <el-button type="info" icon="el-icon-close" circle v-if="item.paymentrules.length >1 && tool.checkAuth($route.name,'update')" @click="delPrice(ruleIndex,rowIndex)"></el-button>
             </el-col>
           </el-col>
         </el-form>
       </el-row>
     </div>
     <div  class="div-button">
-      <el-button style="border: none;" :disabled="!disabled" icon="el-icon-plus" class="btn-block" @click="addRule">添 加</el-button>
+      <el-button style="border: none;" :disabled="!disabled" icon="el-icon-plus" class="btn-block" @click="addRule" v-if="tool.checkAuth($route.name,'insert')">添 加</el-button>
     </div>
   </div>
 </template>
@@ -96,7 +96,8 @@ export default {
         ],
         sys_site_systempartitionid: [
           { required: true, message: '请选择版本', trigger: 'change' },
-        ]
+        ],
+
       },
       isSave:false,
       accountType:[
@@ -182,8 +183,10 @@ export default {
         "price": ''
       })
     },
-    delPrice(val) {
-      this.form.paymentrules.splice(val,1)
+    delPrice(val,rowIndex) {
+      console.log(val,'删除价格')
+      console.log(this.ruleList)
+      this.ruleList[rowIndex].paymentrules.splice(val,1)
     },
     onEdit(val){
       this.index = val
@@ -289,4 +292,4 @@ export default {
     padding-top: 10px;
   }
 
-</style>
+</style>

src/HManagement/siteManage/paymentRules/modules/addVersionModules.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-button size="mini" icon="el-icon-plus" type="primary" @click="onShow">新 增</el-button>
+    <el-button size="mini" icon="el-icon-plus" type="primary" @click="onShow" v-if="tool.checkAuth($route.name,'insert')">新 增</el-button>
     <el-dialog
         title="新增模块"
         :visible.sync="dialogVisible"
@@ -122,4 +122,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

src/HManagement/siteManage/paymentRules/modules/mainBodyRule.vue

@@ -3,9 +3,9 @@
     <div class="div-border" v-for="(item,rowIndex) in ruleList" :key="rowIndex">
       <el-row :gutter="20" style="margin-top: 10px;margin-left: 10px">
         <el-col style="margin-bottom: 10px">
-          <el-button type="primary" icon="el-icon-delete" style="float: right;margin-right: 10px" :disabled="!disabled" v-if="index !== rowIndex && ruleList.length > 1" @click="onDel(item)"></el-button>
-          <el-button type="primary" icon="el-icon-edit" style="float: right;margin-right: 10px" v-if="index !== rowIndex" :disabled="!disabled" @click="onEdit(rowIndex)"></el-button>
-          <el-button type="warning" icon="el-icon-circle-check" style="float: right;margin-right: 10px" v-if="isSave && index === rowIndex" :disabled="!disabled" @click="onSave(item,rowIndex)"></el-button>
+          <el-button type="primary" icon="el-icon-delete" style="float: right;margin-right: 10px" :disabled="!disabled" v-if="index !== rowIndex && ruleList.length > 1 && tool.checkAuth($route.name,'delete')" @click="onDel(item)"></el-button>
+          <el-button type="primary" icon="el-icon-edit" style="float: right;margin-right: 10px" v-if="index !== rowIndex && tool.checkAuth($route.name,'update')" :disabled="!disabled" @click="onEdit(rowIndex)"></el-button>
+          <el-button type="warning" icon="el-icon-circle-check" style="float: right;margin-right: 10px" v-if="isSave && index === rowIndex && tool.checkAuth($route.name,'update')" :disabled="!disabled" @click="onSave(item,rowIndex)"></el-button>
         </el-col>
         <el-form :model="item"  :rules="rules" ref="form" label-width="120px" label-position="right" size="mini" :disabled="!disabled || !isSave || index !== rowIndex">
           <el-col  :span="20">
@@ -29,7 +29,7 @@
       </el-row>
     </div>
     <div  class="div-button">
-      <el-button style="border: none;" :disabled="!disabled" icon="el-icon-plus" class="btn-block" @click="addRule">添 加</el-button>
+      <el-button style="border: none;" :disabled="!disabled" icon="el-icon-plus" class="btn-block" @click="addRule" v-if="tool.checkAuth($route.name,'insert')">添 加</el-button>
     </div>
   </div>
 </template>
@@ -39,6 +39,16 @@ export default {
   name: "mainBodyRule",
   props:["disabled"],
   data() {
+    var priceData = (rule,value,callback) => {
+      var reg = /^\d+(.\d{1,2})?$/;
+      if (value === ''){
+        callback (new Error('定价不能为空'))
+      }else if (!reg.test(value)){
+        callback(new Error('只能输入数字且最多2位小数'))
+      }else {
+        callback()
+      }
+    }
     return {
       form: {
         "type": 2, //1：按账号付费，2：按主体付费
@@ -62,7 +72,7 @@ export default {
       index:'',
       rules:{
         price: [
-          { required: true, message: '请输入定价', trigger: 'blur' },
+          { required: true,validator:priceData, trigger: 'blur' },
         ],
         sys_site_systempartitionid: [
           { required: true, message: '请选择版本', trigger: 'change' },
@@ -190,4 +200,4 @@ export default {
     padding-left: 0;
     padding-top: 10px;
   }
-</style>
+</style>

src/HManagement/siteManage/paymentRules/modules/versionDefinition.vue

@@ -14,7 +14,7 @@
         <el-row :gutter="20">
           <el-col :span="8">
             <div style="width: 100%;">
-              <el-button size="mini" icon="el-icon-plus" type="primary" @click="addVersion" :disabled="isSave">新 增</el-button>
+              <el-button size="mini" icon="el-icon-plus" type="primary" @click="addVersion" :disabled="isSave" v-if="tool.checkAuth($route.name,'insert')">新 增</el-button>
               <el-table
                   class="table-style"
                   ref="singleTable"
@@ -39,9 +39,9 @@
                     label="操作"
                     width="120">
                   <template slot-scope="scope">
-                    <el-button size="mini" type="text" class="inline-16" v-if="scope.row.rowindex !== index" @click="onEdit(scope.row)">编 辑</el-button>
-                    <el-button size="mini" type="text" v-if="scope.row.rowindex !== index" @click="onDel(scope.row.sys_site_systempartitionid)">删 除</el-button>
-                    <el-button size="mini" type="text" v-if="isSave && scope.row.rowindex === index" @click="onSave(scope.row)">保 存</el-button>
+                    <el-button size="mini" type="text" class="inline-16" v-if="scope.row.rowindex !== index && tool.checkAuth($route.name,'update')" @click="onEdit(scope.row)">编 辑</el-button>
+                    <el-button size="mini" type="text" v-if="scope.row.rowindex !== index && tool.checkAuth($route.name,'delete')" @click="onDel(scope.row.sys_site_systempartitionid)">删 除</el-button>
+                    <el-button size="mini" type="text" v-if="isSave && scope.row.rowindex === index && tool.checkAuth($route.name,'update')" @click="onSave(scope.row)">保 存</el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -87,7 +87,7 @@
                         title="确定删除这个模块功能吗？"
                         @confirm="onModulesDel(scope.row)"
                     >
-                      <el-button size="mini" type="text"  slot="reference">删 除</el-button>
+                      <el-button size="mini" type="text"  slot="reference" v-if="tool.checkAuth($route.name,'delete')">删 除</el-button>
                     </el-popconfirm>
                   </template>
 
@@ -277,4 +277,4 @@ export default {
    margin-top: 20px;
  }
 
-</style>
+</style>

src/SManagement/user/pay-orders/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div class="container normal-panel normal-margin  flex-between">
-      <add @onSuccess="onSuccess"></add>
-      <payment ref="payment" ></payment>
+      <add @onSuccess="onSuccess" v-if="tool.checkAuth($route.name,'insert')"></add>
+      <payment ref="payment" v-if="tool.checkAuth($route.name,'insert')"></payment>
     </div>
     <div class="container normal-panel">
       <el-input style="width:200px;" placeholder="搜索" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'"
@@ -27,7 +27,7 @@
               title="确定删除该订单吗？"
               @confirm="onDel(scope.data)"
           >
-            <el-button slot="reference" type="text" size="mini" v-if="scope.data.ispaid == '0'" >删 除</el-button>
+            <el-button slot="reference" type="text" size="mini" v-if="scope.data.ispaid == '0' && tool.checkAuth($route.name,'delete')" >删 除</el-button>
           </el-popconfirm>
         </template>
       </tableLayout>
@@ -130,4 +130,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

src/SManagement/user/pay-orders/modules/detail.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div class="container normal-panel normal-margin  flex-between" v-if="list.ispaid == '0'">
-      <el-button class="inline-24" type="primary" size="small" @click="onPay">继续付费</el-button>
-      <payment ref="payment" ></payment>
+      <el-button class="inline-24" type="primary" size="small" @click="onPay" v-if="tool.checkAuth($route.name,'update')">继续付费</el-button>
+      <payment ref="payment" v-if="tool.checkAuth($route.name,'update')"></payment>
     </div>
     <div class="container normal-panel">
       <el-row :gutter="20">
@@ -248,4 +248,4 @@ export default {
     font-size: 15px;
   }
 
-</style>
+</style>

src/SManagement/user/team-manage/components/AddUser.vue

@@ -17,11 +17,11 @@
             <el-input v-model="param.content.phonenumber" placeholder="请输入" size="small"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+<!--        <el-col :span="12">
           <el-form-item label="电子邮箱:" prop="email">
             <el-input v-model="param.content.email" placeholder="请输入" size="small"></el-input>
           </el-form-item>
-        </el-col>
+        </el-col>-->
         <el-col :span="24">
           <el-form-item label="角色配置:" label-width="102px" prop="roleids">
             <el-select v-model="param.content.roleids" multiple placeholder="请选择" size="small">
@@ -70,7 +70,7 @@ export default {
         name: [
           { required: true, message: '请输入名称', trigger: 'blur' },
         ],
-        phonenumber: [
+      /*  phonenumber: [
           { required: true, message: '请输入手机号', trigger: 'blur' },
           { pattern:/^1[3-9]\d{9}$/, message: '请输入正确手机号码',trigger: 'blur' }
         ],
@@ -80,7 +80,7 @@ export default {
         ],
         roleids: [
           { required: true, message: '请选择你的权限', trigger: 'blur' }
-        ]
+        ]*/
       },
       checkList: []
     };
@@ -99,11 +99,12 @@ export default {
           this.param.content.position = val.position
           this.param.content.phonenumber = val.phonenumber
           this.param.content.roleids = val.roleids ? val.roleids.map((item) => item) : []
+          this.param.content.rolenames = val.rolenames ? val.rolenames.map((item) => item) : []
           this.param.content.sa_agent_hrid = val.sa_agent_hrid
           this.param.content.email = val.email
         })
         console.log(this.param);
-        
+
       }
     },
     dialogVisible: {
@@ -123,7 +124,7 @@ export default {
             }
           }
           console.log(this.param);
-          
+
         }
       }
     }

src/SManagement/user/team-manage/components/detail.vue

@@ -8,22 +8,28 @@
       </el-row>
       <el-row :gutter="20" style="font-size: 15px;margin-top: 20px">
         <el-col :span="6" class="col-top">
-          <span>账号名称：</span>
+          <span>账号名称：{{$route.query.data.name}}</span>
         </el-col>
         <el-col :span="6" class="col-top">
-          <span>账号：</span>
+          <span>账号：{{$route.query.data.accountno}}</span>
         </el-col>
         <el-col :span="6" class="col-top">
-          <span>手机号：</span>
+          <span>手机号：{{$route.query.data.phonenumber}}</span>
         </el-col>
         <el-col :span="6" class="col-top">
-          <span>职位：</span>
+          <span>职位：{{$route.query.data.position}}</span>
         </el-col>
         <el-col :span="6" class="col-top">
           <span>角色：</span>
+          <span v-for="(item,index) in $route.query.data.rolenames " :key="index">
+              <span v-if="index === $route.query.data.rolenames.length -1">
+                {{item}}
+              </span>
+              <span v-else>{{item + ','}}</span>
+            </span>
         </el-col>
         <el-col :span="6" class="col-top">
-          <span>有无付费：</span>
+          <span>有无付费：{{$route.query.data.status}}</span>
         </el-col>
       </el-row>
     </div>
@@ -35,7 +41,11 @@
       </el-row>
       <tableLayout style="margin-top: 20px" :layout="tablecols" :data="list"  :opwidth="200" :custom="true"  fixedName="operation">
         <template v-slot:customcol="scope">
-          <p >{{scope.column.data[scope.column.columnname] || ''}}</p>
+          <span v-if="scope.column.columnname === 'ispaid'">{{scope.column.data.ispaid === 1 ? '已付费' : '未付费'}}</span>
+          <span v-else-if="scope.column.columnname === 'partitionname'">
+            <el-tag type="success" size="mini">{{scope.column.data[scope.column.columnname]}}</el-tag>
+          </span>
+          <p v-else>{{scope.column.data[scope.column.columnname] || ''}}</p>
         </template>
         <template v-slot:opreation="scope">
         </template>
@@ -52,9 +62,31 @@ export default {
   data() {
     return {
       tablecols:[],
-      list:[]
+      list:[],
+      param:{
+        "classname": "sale.team.team",
+        "method": "queryPaid",
+        "content": {
+          "userid": this.$route.query.id,
+          "pageNumber": 1,
+          "pageSize": 999999,
+          "where": {
+            "condition": "",
+            "ispaid": ""
+          }
+        },
+      }
     }
   },
+  methods:{
+    async listData(){
+      const res = await this.$api.requested(this.param)
+      this.list = res.data
+    }
+  },
+  mounted() {
+    this.listData()
+  },
   created() {
     this.tablecols = this.tool.tabelCol(this.$route.name).accountDetailTable.tablecols
   }
@@ -69,4 +101,4 @@ export default {
   .col-top{
     margin-top: 20px;
   }
-</style>
+</style>

src/SManagement/user/team-manage/index.vue

@@ -1,12 +1,13 @@
 <template>
   <div>
     <div class="container normal-panel normal-margin  flex-between">
-      <el-button class="inline-24" type="primary" size="small"  @click="queryData">新建团队账号</el-button>
+      <el-button class="inline-24" type="primary" size="small"  @click="addUser">新建团队账号</el-button>
+      <addUser ref="addUser" :editTarget="editTarget"></addUser>
     </div>
     <div class="container normal-panel">
       <el-input  style="width:200px;" placeholder="搜索" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="queryData(param.content.pageNumber = 1)" @clear="queryData(param.content.pageNumber = 1)" size="small" class="input-with-select inline-24 layout_search__panel" clearable>
       </el-input>
-      <span style="font-size: 14px">付费状态：</span>
+<!--      <span style="font-size: 14px">付费状态：</span>
       <el-select v-model="value" size="small" placeholder="请选择">
         <el-option
             v-for="item in options"
@@ -14,23 +15,40 @@
             :label="item.label"
             :value="item.value">
         </el-option>
-      </el-select>
+      </el-select>-->
       <tableLayout style="margin-top: 20px" :layout="tablecols" :data="list"  :opwidth="200" :custom="true"   fixedName="operation">
         <template v-slot:customcol="scope">
           <span v-if="scope.column.columnname === 'rolenames'">
             <span v-for="(item,index) in scope.column.data.rolenames " :key="index">
-              <span v-if="index === scope.column.data.rolenames.length -1">
-                {{item}}
+              <span >
+                <el-tag  size="mini" style="margin-right: 5px">{{item}}</el-tag>
               </span>
-              <span v-else>{{item + ','}}</span>
             </span>
           </span>
+          <span v-else-if="scope.column.columnname === 'status'">
+            <span v-if="scope.column.data.status === '未付费'" style="color: #4f7bfd">{{scope.column.data[scope.column.columnname]}}</span>
+            <span v-else>{{scope.column.data[scope.column.columnname]}}</span>
+          </span>
+          <span v-else-if="scope.column.columnname === 'partitionname'">
+            <span v-if="scope.column.data.partitionname.length !== 0">
+             <span v-for="(item,index) in scope.column.data.partitionname " :key="index">
+              <span v-if="index === scope.column.data.partitionname.length -1">
+                <el-tag type="success" size="mini">{{item}}</el-tag>
+              </span>
+              <span v-else>
+                <el-tag type="success" style="margin-left: 5px" size="mini">{{item}}</el-tag>
+              </span>
+             </span>
+            </span>
+            <span v-else>--</span>
+
+          </span>
           <span v-else-if="scope.column.columnname === 'operation'" ></span>
-          <p v-else>{{scope.column.data[scope.column.columnname] || ''}}</p>
+          <p v-else>{{scope.column.data[scope.column.columnname] || '--'}}</p>
         </template>
         <template v-slot:opreation="scope">
-          <el-button size="mini" type="text" class="inline-16" @click="$router.push({path:'/team_managent_detail',query:{id:scope.data.userid}})">详 情</el-button>
-          <el-button size="mini" type="text">编 辑</el-button>
+          <el-button size="mini" type="text" class="inline-16" @click="$router.push({path:'/team_managent_detail',query:{id:scope.data.userid,data:scope.data}})">详 情</el-button>
+          <el-button size="mini" type="text" @click="editTargetFun(scope.data)">编 辑</el-button>
         </template>
       </tableLayout>
     </div>
@@ -38,10 +56,11 @@
 </template>
 
 <script>
+import addUser from './components/AddUser.vue'
 import tableLayout from '@/components/table/index2.vue'
 export default {
   name: "index",
-  components:{tableLayout},
+  components:{tableLayout,addUser},
   data() {
     return {
       tablecols:[],
@@ -64,7 +83,8 @@ export default {
         value: '未付费',
         label: '未付费'
       }],
-      value: ''
+      value: '',
+      editTarget:''
     }
   },
   methods: {
@@ -72,6 +92,19 @@ export default {
       const res = await this.$api.requested(this.param)
       console.log(res,'数据信息')
       this.list = res.data
+    },
+    addUser() {
+      this.$refs.addUser.dialogVisible = true
+      this.editTarget = ''
+      this.$refs.addUser.param.content.sa_agent_hrid = '0'
+      this.$refs.addUser.getRoleList()
+      this.$nextTick(() => {
+        this.$refs.addUser.$refs.formInfo.resetFields()
+      })
+    },
+    editTargetFun(data) {
+      this.editTarget = data
+      this.$refs.addUser.dialogVisible = true
     }
   },
   mounted() {
@@ -85,4 +118,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>