From db85e3a0394fe22cd92997a3166120cb21a49fed Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Fri, 14 Mar 2025 18:21:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E6=AC=BE=E6=96=B9=E5=BC=8F=E5=BC=B9?=
 =?UTF-8?q?=E5=87=BA=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/register/jingdong_pay.png | Bin 0 -> 2255 bytes
 src/assets/register/taobao_pay.png   | Bin 0 -> 3452 bytes
 src/assets/register/weixin_pay.png   | Bin 0 -> 3504 bytes
 src/assets/register/zhifubao_pay.png | Bin 0 -> 2475 bytes
 src/components/Footer.vue            |   2 +-
 src/components/domainModal.vue       |  62 +++++++++
 src/components/paymentMethod.vue     |  81 ++++++++++++
 src/views/Register.vue               | 240 ++++++++++++++++++++++++-----------
 src/views/elementGroups.vue          |   3 +-
 9 files changed, 313 insertions(+), 75 deletions(-)
 create mode 100644 src/assets/register/jingdong_pay.png
 create mode 100644 src/assets/register/taobao_pay.png
 create mode 100644 src/assets/register/weixin_pay.png
 create mode 100644 src/assets/register/zhifubao_pay.png
 create mode 100644 src/components/domainModal.vue
 create mode 100644 src/components/paymentMethod.vue

diff --git a/src/assets/register/jingdong_pay.png b/src/assets/register/jingdong_pay.png
new file mode 100644
index 0000000000000000000000000000000000000000..72b16fd37fa468333ab6e0be8186971ba0871eeb
GIT binary patch
literal 2255
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
LER3qi)ad^J&Ab6G

literal 0
HcmV?d00001

diff --git a/src/assets/register/taobao_pay.png b/src/assets/register/taobao_pay.png
new file mode 100644
index 0000000000000000000000000000000000000000..65c7e232dd4e58b6bf64d0d9653ad8fbe4a00bd3
GIT binary patch
literal 3452
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

literal 0
HcmV?d00001

diff --git a/src/assets/register/weixin_pay.png b/src/assets/register/weixin_pay.png
new file mode 100644
index 0000000000000000000000000000000000000000..91ff22787ebe7f2df8030211d2a4201c2a52dc57
GIT binary patch
literal 3504
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

literal 0
HcmV?d00001

diff --git a/src/assets/register/zhifubao_pay.png b/src/assets/register/zhifubao_pay.png
new file mode 100644
index 0000000000000000000000000000000000000000..899c0134b5a19aadb5ae9f9c782f3450b4c8fd6a
GIT binary patch
literal 2475
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

literal 0
HcmV?d00001

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 7562348..1898e67 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -6,7 +6,7 @@
 <style lang="scss" scoped>
 .web-main-footer{
     width: 100%;
-    height: 65px;
+    min-height: 65px;
     display: flex;
     align-items: center;
     justify-content: center;
diff --git a/src/components/domainModal.vue b/src/components/domainModal.vue
new file mode 100644
index 0000000..512cb4f
--- /dev/null
+++ b/src/components/domainModal.vue
@@ -0,0 +1,62 @@
+<template>
+    <div class="domain-wrap">
+        <p>设置自己的域名，需要做 2 步站外操作。如果暂时未准备好，或打算稍后设置，可以先选用平台免费域名，平台随时支持域名修改。 </p>
+        <div class="domain-box">
+            <div class="domain-item">
+                <p>1.&emsp;域名必须在阿里云完成 ICP 备案</p>
+                <p>备案网址：https://beian.aliyun.com</p>
+            </div>
+            <div class="domain-item">
+                <p>2.&emsp;域名要解析到平台服务器上</p>
+                <p>备案网址：https://beian.aliyun.com</p>
+            </div>
+            <div class="domain-item">
+                <p>3.&emsp;域名填写</p>
+                <el-input placeholder="填写完整域名" />
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+// import GuipInput from '@/components/GuipInput.vue';
+
+export default {
+    name: '',
+    props: [''],
+    components: {
+        // GuipInput,
+
+    },
+    data() {
+        return {
+
+        }
+    },
+    methods: {
+        onSwitchChange(data) {
+            console.log(data, '---');
+        }
+    }
+}
+</script>
+<style lang="scss">
+.domain-wrap {
+    .domain-item{
+        margin-bottom: 10px;
+    }
+    .domain-item p:last-child{
+        padding-left: 23px;
+        color: #8A9099;
+    }
+    p{
+        text-align: left;
+        line-height: 18px;
+        margin-bottom: 8px;
+    }
+    .domain-box {
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/paymentMethod.vue b/src/components/paymentMethod.vue
new file mode 100644
index 0000000..d162573
--- /dev/null
+++ b/src/components/paymentMethod.vue
@@ -0,0 +1,81 @@
+<template>
+    <div class="payment-wrap">
+
+        <div class="payment-item" v-for="item in paymentList" :key="item.name">
+            <dl>
+                <dt>
+                    <img v-if="item.type == '1'" src="@/assets/register/weixin_pay.png" alt="">
+                    <img v-if="item.type == '2'" src="@/assets/register/zhifubao_pay.png" alt="">
+                    <img v-if="item.type == '3'" src="@/assets/register/taobao_pay.png" alt="">
+                    <img v-if="item.type == '4'" src="@/assets/register/jingdong_pay.png" alt="">
+                </dt>
+                <dd>
+                    <p>{{ item.name }}</p>
+                    <p>{{ item.num }}</p>
+                </dd>
+            </dl>
+            <GuipSwitch :modelValue="item.flag" activeText="开启" inactiveText="关闭" @change="onSwitchChange">
+            </GuipSwitch>
+        </div>
+    </div>
+</template>
+<script>
+import GuipSwitch from '@/components/GuipSwitch.vue';
+
+export default {
+  name: '',
+  props:['paymentList'],
+  components: {
+    GuipSwitch
+  },
+  data(){
+    return {
+        payImg:{
+            '1':'weixin_pay.png',
+            '2':'zhifubao_pay.png',
+            '3':'taobao_pay.png',
+            '4':'jingdong_pay.png',
+        }
+    }
+  },
+  methods:{
+    onSwitchChange(data){
+        console.log(data,'---');
+    }
+  }
+}
+</script>
+<style lang="scss">
+.payment-wrap{
+    .payment-item{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        dl{
+            display: flex;
+        }
+        dt img{
+            width: 32px;
+            height: 32px;
+        }
+        dd{
+            margin-left: 12px;
+            p{
+                font-size: 12px;
+                font-weight: normal;
+                line-height: 13px;
+                letter-spacing: 0.08em;
+                font-variation-settings: "opsz" auto;
+                text-align: left;
+                color: #8A9099;
+            }
+        }
+        dd p:first-child{
+            font-size: 14px;
+            line-height: 18px;
+            margin-bottom: 6px;
+            color: #1E2226;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 03ee9be..cc2e415 100755
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -109,7 +109,7 @@
               <GuipFormItem column="column">
                 <div slot="formLeft">域名设置
                 </div>
-                <GuipInput slot="formDom" ref="GuipInput" placeholder="仅支持数字、字母">
+                <GuipInput slot="formDom" ref="GuipInput" @click="yumingInput" placeholder="仅支持数字、字母">
                   <span slot="appendshow">.chachongz.com</span>
                 </GuipInput>
               </GuipFormItem>
@@ -204,7 +204,7 @@
       <div class="step3-top flex-common">
         <h3>服务列表</h3>
         <div class="btngroup">
-          <GuipButton type="normal" size="mmedium">添加查重服务</GuipButton>
+          <GuipButton type="normal" size="mmedium" @click="showDomainModal">添加查重服务</GuipButton>
           <GuipButton type="normal" size="mmedium">添加写作辅助</GuipButton>
           <GuipButton type="normal" size="mmedium">添加AIGC</GuipButton>
         </div>
@@ -215,7 +215,7 @@
             <el-table :data="tableData1.slice((currentPage - 1) * pageSize, currentPage * pageSize)" style="width: 100%"
               :key="random()">
               <!-- 其他列 -->
-              <el-table-column prop="name" label="检测服务">
+              <el-table-column prop="name" label="检测服务" width="210">
                 <template slot-scope="scope">
                   <div class="flex">
                     <span :class="(scope.row.type == 'a' ? 'green' : 'blue')">{{ scope.row.type == 'a' ? '查重服务' : '写作辅助'
@@ -228,8 +228,8 @@
                 <template slot-scope="scope">
                   <div class="flex cell_render">
                     <span>¥{{ scope.row.stock }}/篇</span>
-                        <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
-                      </div>
+                    <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
+                  </div>
                 </template>
               </el-table-column>
 
@@ -244,22 +244,21 @@
                         placeholder="请输入售价" unit="元">
                       </GuipInput>
                       <div v-else class="flex">
-                        <GuipInput ref="GuipInput" width="133px" v-model="row.edit_price" label="售价"
-                          placeholder="请输入售价" unit="元">
+                        <GuipInput ref="GuipInput" width="133px" v-model="row.edit_price" label="售价" placeholder="请输入售价"
+                          unit="元">
                         </GuipInput>
                         <span class="shortspan">/</span>
-                        <GuipInput ref="GuipInput"  width="133px" v-model="row.edit_word"
-                          placeholder="请输入字符" unit="字符">
+                        <GuipInput ref="GuipInput" width="133px" v-model="row.edit_word" placeholder="请输入字符" unit="字符">
                         </GuipInput>
                       </div>
                       <!-- <el-input v-model="row.edit_price" size="small" placeholder="请输入价格" /> -->
                       <div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;">
-                        <GuipButton size="medium" @click="cancelEdit(row,'price')">取消</GuipButton>
-                        <GuipButton type="primary" @click="savePrice(row,'price')" size="medium">确定</GuipButton>
+                        <GuipButton size="medium" @click="cancelEdit(row, 'price')">取消</GuipButton>
+                        <GuipButton type="primary" @click="savePrice(row, 'price')" size="medium">确定</GuipButton>
                       </div>
                     </div>
                     <!-- 触发弹框的按钮 -->
-                    <span slot="reference" @click="handlePriceClick(row, $index,'price')">
+                    <span slot="reference" @click="handlePriceClick(row, $index, 'price')">
 
                       <div class="flex cell_render">
                         <span v-if="row.word" :key="random()">¥{{ row.price }}/{{ row.word }}字</span>
@@ -276,43 +275,50 @@
                     @show="popshow">
                     <!-- 弹框内容 -->
                     <div style="text-align: center">
-                      <GuipInput ref="GuipInput" width="252px" v-model="row.edit_num" label="排序"
-                        placeholder="请输入数字">
+                      <GuipInput ref="GuipInput" width="252px" v-model="row.edit_num" label="排序" placeholder="请输入数字">
                       </GuipInput>
                       <p style="    width: 252px;
     margin-left: 40px;
     text-align: right;color: #8A9099;letter-spacing: 0.08em;">输入＞0的数，越小排序越前；重复则新者优先；0则默认排序</p>
-                     
                       <!-- <el-input v-model="row.edit_price" size="small" placeholder="请输入价格" /> -->
                       <div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;">
-                        <GuipButton size="medium" @click="cancelEdit(row,'num')">取消</GuipButton>
-                        <GuipButton type="primary" @click="savePrice(row,'num')" size="medium">确定</GuipButton>
+                        <GuipButton size="medium" @click="cancelEdit(row, 'num')">取消</GuipButton>
+                        <GuipButton type="primary" @click="savePrice(row, 'num')" size="medium">确定</GuipButton>
                       </div>
                     </div>
                     <!-- 触发弹框的按钮 -->
-                    <span slot="reference" @click="handlePriceClick(row, $index,'num')">
+                    <span slot="reference" @click="handlePriceClick(row, $index, 'num')">
                       <div class="flex cell_render">
-                    <span>{{ row.num }}</span>
-                    <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
-                  </div>
+                        <span>{{ row.num }}</span>
+                        <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
+                      </div>
                     </span>
                   </el-popover>
                 </template>
               </el-table-column>
+              <el-table-column prop="stock" label="收款方式" width="195">
+                <template slot-scope="scope">
+                  <div class="flex cell_render" @click="popPayMentModal(scope.row)">
+                    <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{ scope.row.payment ==
+                      '0' ? '默认站点支付' :'自定义支付' }}</span>
+                    <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
+                  </div>
+                </template>
+              </el-table-column>
               <el-table-column prop="stock" label="上首页">
                 <template slot-scope="scope">
-                    <GuipSwitch :modelValue="scope.row.homeFlag"  @change="onSwitchChange(scope.row)">
-                    </GuipSwitch>
+                  <GuipSwitch :modelValue="scope.row.homeFlag" @change="onSwitchChange(scope.row)">
+                  </GuipSwitch>
                 </template>
               </el-table-column>
               <el-table-column fixed="right" label="操作" width="112">
-                            <template slot-scope="scope">
-                                <div class="flex">
-                                  <el-button type="text">编辑</el-button>
-                                    <el-button @click="handleClick(scope.row)" type="text">删除</el-button>
-                                </div>
-                            </template>
-                        </el-table-column>
+                <template slot-scope="scope">
+                  <div class="flex">
+                    <el-button type="text">编辑</el-button>
+                    <el-button @click="handleClick(scope.row)" type="text">删除</el-button>
+                  </div>
+                </template>
+              </el-table-column>
             </el-table>
             <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
               :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
@@ -324,13 +330,16 @@
       </div>
     </div>
     <!-- 设置域名弹出框 -->
-    <!-- <GuipDialog :dialogVisible="dialogVisible" title="温馨提示" :show-close-button="false"
+    <GuipDialog :dialogVisible="dialogVisible" :title="dialogTitle" :show-close-button="false"
       :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel" @close="handleClose"
       @dialogVisibleChange="dialogVisibleChange">
-      <div>
-        <p>这是一个自定义内容的弹框。</p>
-      </div>
-    </GuipDialog> -->
+      <PaymentMethod :paymentList="paymentList" />
+    </GuipDialog>
+    <GuipDialog :dialogVisible="dialogVisible1" title="温馨提示" :show-close-button="false"
+      :show-cancel-button="showCancelButton" cancelText="先用平台免费域名" confirmText="准备完毕，验证自有域名" @confirm="handleConfirm" @cancel="handleCancel" @close="handleClose"
+      @dialogVisibleChange="dialogVisibleChange">
+      <DomainModal/>
+    </GuipDialog>
     <Footer></Footer>
     <div class="register-btns">
       <GuipButton type="mild">跳过</GuipButton>
@@ -346,23 +355,68 @@ import GuipInput from '@/components/GuipInput.vue';
 import GuipRadio from '@/components/GuipRadio.vue';
 import GuipSelect from '@/components/GuipSelect.vue';
 import GuipSwitch from '@/components/GuipSwitch.vue';
-// import GuipDialog from '@/components/GuipDialog.vue';
+import GuipDialog from '@/components/GuipDialog.vue';
+import PaymentMethod from '@/components/paymentMethod.vue';
+import DomainModal from '@/components/domainModal.vue';
 // import GuipTable from '@/components/GuipTable.vue';
 
 export default {
+  components: {
+    GuipButton,
+    GuipFormItem,
+    GuipInput,
+    GuipRadio,
+    GuipSelect,
+    Footer,
+    GuipSwitch,
+    GuipDialog,
+    PaymentMethod,
+    DomainModal
+    // GuipTable
+  },
   data() {
     return {
+      dialogTitle:'编辑',
+      dialogVisible1:false,
+      paymentList: [
+        {
+          type: '1',
+          name: '小知攻城狮',
+          num: '1520574481 （wx1bda8b3d08d169cb）',
+          flag: true
+        },
+        {
+          type: '2',
+          name: '自收款',
+          num: 'wangyong@kuailebanshou.com',
+          flag: true
+        },
+        {
+          type: '3',
+          name: '店铺收款',
+          num: '轻歌曼舞82',
+          flag: false
+        },
+        {
+          type: '4',
+          name: '京东收款',
+          num: 'celunwen',
+          flag: false
+        },
+      ],
       currentPage: 1,    //当前页
       pageSize: 5,   //每页的容量
       total: 0,   //列表总数
-      dialogVisible: false,
+      dialogVisible: false,//是否展示弹框
+      showCancelButton: true, // 控制是否显示取消按钮
+      showCloseButton: true, // 控制是否显示关闭按钮
       activeStep: 3,//当前步骤条
       has_store: '1',//是否是初次授权 还是已有店铺 大于0 已有店铺
       distribution_channel: '0',//销售渠道 是否为电商 0 非电商 >0 电商
-      payment_method_list:[//收款方式
+      payment_method_list: [//收款方式
 
       ],
-      add_chachong_list:[//查重服务
+      add_chachong_list: [//查重服务
 
       ],
       distribution_channel_options: [
@@ -384,11 +438,11 @@ export default {
         { title: "步骤 3", 'desc': '', 'wait': '@/assets/register/step3_null.svg', 'checked': '@/assets/register/step3_ing.svg', 'finish': '@/assets/register/step_success.svg' }
       ],
       tableData1: [
-        { id: 1, name: '商品A1', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a', num: '1', edit_num: '',num_popover:false, homeFlag: true },
-        { id: 2, name: '商品B1', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a', num: '2', edit_num: '',num_popover:false, homeFlag: true },
-        { id: 3, name: '商品C1', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b', num: '2', edit_num: '',num_popover:false, homeFlag: false },
-        { id: 1, name: '商品A2', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a', num: '3', edit_num: '',num_popover:false, homeFlag: false },
-        { id: 2, name: '商品B2', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a', num: '0', edit_num: '',num_popover:false, homeFlag: true },
+        { id: 1, name: '万方大学生版', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a', num: '1', edit_num: '', num_popover: false, homeFlag: true, payment: '0' },
+        { id: 2, name: '维普检测版', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a', num: '2', edit_num: '', num_popover: false, homeFlag: true, payment: '1' },
+        { id: 3, name: '商品C1', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b', num: '2', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
+        { id: 1, name: '商品A2', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a', num: '3', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
+        { id: 2, name: '商品B2', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a', num: '0', edit_num: '', num_popover: false, homeFlag: true },
         { id: 3, name: '商品C2', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b', num: '1', edit_num: '' },
         { id: 1, name: '商品A3', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a' },
         { id: 2, name: '商品B3', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a' },
@@ -438,25 +492,37 @@ export default {
       options_zhifubao: [],
     };
   },
-  components: {
-    GuipButton,
-    GuipFormItem,
-    GuipInput,
-    GuipRadio,
-    GuipSelect,
-    Footer,
-    GuipSwitch
-    // GuipDialog,
-    // GuipTable
-  },
   methods: {
+    showDomainModal(){
+      this.dialogVisible1 = true
+    },
+    yumingInput(){
+      this.dialogVisible1 = true;
+    },
+    // 确认按钮事件
+    handleConfirm() {
+      this.$message.success('点击了确认按钮');
+      this.dialogVisible = false;
+    },
+    // 取消按钮事件
+    handleCancel() {
+      this.$message.warning('点击了取消按钮');
+      this.dialogVisible = false;
+    },
+    // 关闭弹框事件
+    handleClose() {
+      this.$message.info('弹框已关闭');
+      this.dialogVisible = false;
+    },
+    dialogVisibleChange(data) {
+      console.log(data, 'data098908090');
+    },
     handleSizeChange(val) {
       this.pageSize = val
     },
     handleCurrentChange(val) {
       this.currentPage = val
     },
-  
     popshow() {
       var ariaEls = document.querySelectorAll('.el-popover')
       ariaEls.forEach((item) => {
@@ -468,48 +534,48 @@ export default {
         item.removeAttribute('aria-hidden')
       })
     },
-      // 表格首页开关
-      onSwitchChange(row){
-        console.log(row,'------flag');
+    // 表格首页开关
+    onSwitchChange(row) {
+      console.log(row, '------flag');
       row.homeFlag = !row.homeFlag;
       this.$set(this.tableData1, row)
     },
     // 点击价格单元格时触发
-    handlePriceClick(row, index,type) {
+    handlePriceClick(row, index, type) {
       // 关闭其他行的弹框
       this.tableData.forEach((item, i) => {
         if (i !== index) {
-          item[type+ '_popover'] = false;
+          item[type + '_popover'] = false;
         }
       });
       // 打开当前行的弹框
-      row[type+ '_popover']= true;
-      row['edit_'+type] = row[type]
+      row[type + '_popover'] = true;
+      row['edit_' + type] = row[type]
       // row.edit_price = row.price; // 初始化输入框的值
     },
     // 保存价格
-    savePrice(row,type) {
-      if (type=='price' && row.edit_price === '') {
+    savePrice(row, type) {
+      if (type == 'price' && row.edit_price === '') {
         this.$message.warning('价格不能为空');
         return;
       }
-      if (type == 'word' &&row.word && row.editWord === '') {
+      if (type == 'word' && row.word && row.editWord === '') {
         this.$message.warning('字符不能为空');
         return;
       }
       if (row.edit_word) {
         row.word = row.edit_word
       }
-      row[type] = row['edit_'+type]; // 更新价格
-      row[type+'_popover'] = false; // 关闭弹框
+      row[type] = row['edit_' + type]; // 更新价格
+      row[type + '_popover'] = false; // 关闭弹框
       this.$message.success('保存成功');
       this.$set(this.tableData1, row)
       console.log('保存价格：', this.tableData1, row.price);
       // 这里可以调用接口保存修改后的价格
     },
     // 取消编辑
-    cancelEdit(row,type) {
-      row[type+'_popover'] = false; // 关闭弹框
+    cancelEdit(row, type) {
+      row[type + '_popover'] = false; // 关闭弹框
       this.$message.info('已取消编辑');
     },
     random() {
@@ -570,6 +636,11 @@ export default {
       } else {
         return "未开始";
       }
+    },
+    popPayMentModal(row) {
+      this.dialogVisible = true;
+      this.dialogTitle = row.name + '-收款方式'
+      console.log(row, '=====');
     }
   }
 };
@@ -720,17 +791,40 @@ export default {
 
 }
 
+.normal_payment,
+.self_payment {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 2px 10px;
+  border-radius: 4px;
+  background: #F6F7FA;
+  box-sizing: border-box;
+  border: 1px solid #DFE2E6;
+  letter-spacing: 0.08em;
+  color: #626573;
+}
+
+.self_payment {
+  border: 1px solid #BFDAFF;
+  background: #F2F7FF;
+  color: #006AFF;
+}
+
 .table-wrap {
   span {
     color: #1E2226;
   }
-  .edit_icon{
+
+  .edit_icon {
     display: none;
     transition: all .3s;
     margin-left: 8px;
   }
-  .el-table__row:hover{
-    .edit_icon{
+
+  .el-table__row:hover {
+    .edit_icon {
       display: block;
       transition: all .3s;
     }
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 3a74195..571a8bc 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -304,9 +304,10 @@ export default {
     },
     data() {
         return {
+           
             date1:'',
             switchValue: true,
-            dialogVisible: false,//是否展示弹框
+            dialogVisible: true,//是否展示弹框
             showCancelButton: true, // 控制是否显示取消按钮
             showCloseButton: true, // 控制是否显示关闭按钮
             form: {