站点域名设置

src/assets/tip_blue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_665_006564/23_30613"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_665_006564/23_30613)"><g><path d="M8,1C9.97933,1.052,11.6278,1.7368329999999998,12.9455,3.0545C14.2632,4.372170000000001,14.948,6.02067,15,8C14.948,9.97933,14.2632,11.6278,12.9455,12.9455C11.6278,14.2632,9.97933,14.948,8,15C6.02067,14.948,4.372170000000001,14.2632,3.0545,12.9455C1.7368329999999998,11.6278,1.052,9.97933,1,8C1.052,6.02067,1.7368329999999998,4.372170000000001,3.0545,3.0545C4.372170000000001,1.7368329999999998,6.02067,1.052,8,1C8,1,8,1,8,1C8,1,8,1,8,1ZM9.047,5.297C9.318,5.297,9.542,5.21633,9.719,5.055C9.896,4.89367,9.9845,4.6775,9.9845,4.406499999999999C9.9845,4.1355,9.896,3.91933,9.719,3.758C9.542,3.59667,9.32067,3.516,9.055,3.516C8.78933,3.516,8.568,3.59667,8.391,3.758C8.214,3.91933,8.125499999999999,4.1355,8.125499999999999,4.406499999999999C8.125499999999999,4.6775,8.214,4.89367,8.391,5.055C8.568,5.21633,8.78683,5.297,9.0475,5.297C9.0475,5.297,9.047,5.297,9.047,5.297C9.047,5.297,9.047,5.297,9.047,5.297ZM9.2345,10.922C9.2345,10.85933,9.23967,10.776,9.25,10.672C9.26033,10.568,9.26033,10.469,9.25,10.375C9.25,10.375,8.422,11.328,8.422,11.328C8.33867,11.4217,8.25267,11.4947,8.164,11.547C8.075330000000001,11.5993,7.99983,11.615,7.9375,11.594C7.84383,11.5523,7.80217,11.4793,7.8125,11.375C7.8125,11.375,9.1875,7.047,9.1875,7.047C9.2395,6.75533,9.19267,6.50533,9.047,6.297C8.90133,6.08867,8.667,5.96367,8.344000000000001,5.922C7.97933,5.93233,7.58083,6.086,7.1485,6.383C6.71617,6.68,6.3385,7.05767,6.0155,7.516C6.0155,7.516,6.0155,7.7505,6.0155,7.7505C6.00517,7.85483,6.00517,7.95383,6.0155,8.0475C6.0155,8.0475,6.8435,7.0945,6.8435,7.0945C6.92683,7.00083,7.01283,6.92783,7.1015,6.8755C7.19017,6.82317,7.2605,6.8075,7.3125,6.8285C7.41683,6.8805,7.45333,6.96383,7.422,7.0785C7.422,7.0785,6.0625,11.391,6.0625,11.391C5.9895,11.6513,6.026,11.8832,6.172,12.0865C6.318,12.2898,6.57317,12.4278,6.9375,12.5005C7.4585,12.4902,7.896,12.3392,8.25,12.0475C8.604,11.7558,8.93217,11.3808,9.2345,10.9225C9.2345,10.9225,9.2345,10.922,9.2345,10.922C9.2345,10.922,9.2345,10.922,9.2345,10.922Z" fill="#006AFF" fill-opacity="1"/></g></g></svg>

src/views/agent/siteBaseSetting.vue

@@ -31,63 +31,41 @@
 
             </div>
             <div class="siteMessage flex-common" id="siteMessage2">
-                <h3>站点信息</h3>
+                <h3>域名设置</h3>
-                <el-form :model="siteForm1" :rules="siteFormrules1" ref="siteForm1">
+                <p class="flex siteMessage5_desc"> <img src="@/assets/tip_blue.svg" alt="">当前站点域名：{{ siteInfo.domain }}</p>
+                <el-form>
                     <div class="flex-wrap">
                         <div class="flex-left">
-                            <GuipFormItem column="column" class="mb24" label="域名来源" required="true">
+                            <p class="flex-left-desc">域名来源</p>
-                                <GuipRadio slot="formDom" v-model="siteForm1.domain_source" :options="domain_source"
+                            <div class="flex mt12">
-                                    prop="domain_source" @change="domain_radioChange" />
+                                <GuipRadio v-model="domainType" :options="domainTypes" prop="type" @change="domainTypeChange" />
-                            </GuipFormItem>
+                            </div>
                         </div>
                         <div class="flex-line"></div>
                         <div class="flex-right">
-                            <!-- <GuipFormItem column="column" label="域名设置" required="true">
+                            <domainBind v-if="domainType==2" label="修改域名" @handleEvent="handleEvent2" />
-                                <GuipInput slot="formDom" v-model="siteForm1.domain_set" placeholder="仅支持数字、字母">
+
-                                    <span slot="appendshow">.chachongz.com</span>
+                            <div v-if="domainType==1">
+                                <p class="flex-left-desc">修改域名</p>
+                                <GuipInput class="mt12" v-model="domainPrefix">
+                                    <!-- <span slot="prependshow">http:</span> -->
+                                    <!-- <img slot="prefix" src="../assets/radio_checked.svg" alt=""> -->
+                                    <!-- 输入框后面小图标 -事件自定义 -->
+                                    <i slot="suffix" class="el-icon-close" @click="handleClear"></i>
+                                    <!-- <img slot="suffix" src="../assets/radio_nochecked.svg" alt="" @click="handleClear"> -->
+
+                                    <!-- 这个 appendshow 宽度 居中方式 自定义添加类名修改-->
+                                    <!-- <GuipButton slot="appendshow" size="mini">默认按钮</GuipButton> -->
+
+                                    <!-- 这个 appendshow 宽度 居中方式 自定义添加类名修改-->
+                                    <span slot="appendshow">.{{ siteInfo.plat_domain }}</span>
                                 </GuipInput>
-                            </GuipFormItem> -->
+                                <!-- <el-input placeholder="oieuwroieuwi" style="width:400px;height:60px"></el-input> -->
-                            <GuipFormItem column="column" class="combo-formItem" label="域名设置" required="true">
-                                <div slot="formDom" class="self-drop-wrap flex" style="width: 100%;">
-                                    <GuipInput style="width: 60%;" v-model="siteForm1.domain_set"
-                                        placeholder="仅支持数字、字母">
-                                    </GuipInput>
-                                    <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{
-                                        siteForm1.domainSuffix }}</div>
                             </div>
-                                <CustomDropdown slot="formDom" ref="dropDomain" width="100%"
-                                    v-model="siteForm1.domainSuffix" :options="domainOptions" @change="changeSelectIp"
-                                    placeholder="请选择">
-                                    <template #normal>
-                                        <div class="flex flex-between noraml-jump">
-                                            <div class="left">
-                                                <b>添加新域名</b>
-                                                <p class="one ft12">域名需要在阿里云完成ICP备案并解析到平台服务器</p>
-                                                <p class="ft12">如果暂时未准备好，可先选用平台免费域名，随时支持域名修改。 </p>
-                                            </div>
-                                            <div class="right">
-                                                <GuipButton size="form">前往绑定</GuipButton>
-                                            </div>
-                                        </div>
-                                    </template>
-                                    <!-- 自定义下拉选项 -->
-                                    <!-- <template #item="{ item }">
-                                        <div class="flex-between">
-                                            <div class="left">
-                                                <p class="one">{{ item.label }}</p>
-                                            </div>
-                                            <div class="right">
-                                                <img v-if="siteForm1.domainSuffix == item.value"
-                                                    src="@/assets/register/drop-selected.svg" alt="">
-                                            </div>
-                                        </div>
-                                    </template> -->
-                                </CustomDropdown>
-                            </GuipFormItem>
                         </div>
                     </div>
                 </el-form>
-                <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('siteForm1')" />
+                <GroupFormBtns @cancel="cancelClick" @confirm="updateSiteDomain()" />
 
             </div>
             <div class="siteMessage flex-common" id="siteMessage3">
@@ -418,6 +396,7 @@ import CustomDropdown from '@/components/CustomDropdown.vue';
 import GuipButton from '@/components/GuipButton.vue';
 import GroupFormBtns from '@/components/GroupFormBtns.vue';
 import addPay from '@/components/pay/addPay.vue';
+import domainBind from '@/components/domainBind.vue';
 // import {setHighActive} from '@/utils/common';
 
 // 收款方式
@@ -440,6 +419,7 @@ export default {
         GuipButton,
         GroupFormBtns,
         addPay,
+        domainBind,
     },
     data() {
         return {
@@ -493,34 +473,12 @@ export default {
             // 京东授权url
             jdAuthUrl: '',
 
-            domainOptions: [
+            // 是否使用私有域名
-                {
+            domainType: 0, 
-                    value: '.chachongz.com',
+            domainTypes: [],
-                    label: '.chachongz.com'
+            domainPrefix: '',
-                },
+            siteDomain: '',
-                {
+
-                    value: '.turnitin.org.cn',
-                    label: '.turnitin.org.cn'
-                },
-                {
-                    value: '.jishu.chachongz.com',
-                    label: '.jishu.chachongz.com'
-                },
-            ],
-            siteForm1: {
-                domain_set: '',
-                domainSuffix:'.chachongz.com',
-                domain_source: '平台免费域名',
-            },
-            siteFormrules1: {
-                domain_source: [
-                    { required: true, message: '请输入站点简称', trigger: 'blur' }
-                ]
-            },
-            domain_source: [
-                { label: '平台免费域名', value: '平台免费域名', selectedLabel: "平台免费域名" },
-                { label: '我自己有域名', value: '我自己有域名', selectedLabel: "我自己有域名" },
-            ],
             options_weixin_null: {},
             select_placeholder_weixin: '暂无收款账号，稍后配置',
         }
@@ -653,6 +611,10 @@ export default {
             }).then(response => {
                 this.$nextTick(() => {
                     that.siteInfo = response.data
+                    this.domainType = String(that.siteInfo.domain_type);
+                    this.domainTypes = that.siteInfo.domain_types;
+                    this.siteDomain = response.data.domain;
+
                     if (
                         response.data &&
                         response.data.site_pays &&
@@ -785,8 +747,10 @@ export default {
             this.selectedItem = { ...item };
         },
         //  销售渠道
-        domain_radioChange(type) {
+        domainTypeChange(type) {
-            console.log(type, '--');
+            this.domainType = String(type);
+            console.log(this.domainType, 'this.domainType');
+            console.log(typeof this.domainType, 'domainTypeChange'); 
         },
         onSwitchChange(data) {
             console.log(data, '---');
@@ -839,6 +803,42 @@ export default {
         handleEvent(data) {
             console.log(data, 'handleEvent');
             this.isShowAddPay = data
+        },
+        handleEvent2(data) {
+            console.log(data, 'handleEvent2');
+            this.siteDomain = data.prefix + data.domain;
+        },
+        handleClear(value) {
+            console.log(value, 'value===qinghcu');
+            this.domainPrefix = '';
+        },
+        updateSiteDomain() {
+            var domain = this.siteInfo.domain;
+            if (this.domainType == '1') {
+                domain = this.domainPrefix + '.' + this.siteInfo.plat_domain;
+            } else if (this.domainType == '2') { 
+                domain = this.siteDomain;
+            }
+
+            this.$http('POST', '/agentnew/ajax_update_site_domain', {
+                uid: this.$route.query.uid,
+                domain: domain,
+            }, {
+                headers: {
+                    'Auth': this.token
+                }
+            }).then(response => {
+                this.$nextTick(() => {
+                    if (response.status) {
+                        this.$Message.success(response.info);
+                        this.getSiteInfo();
+                    } else {
+                        this.$Message.error(response.info);
+                    }
+                })
+            }).catch(error => {
+                console.error(error, 'error')
+            })
         }
 
     }
@@ -926,6 +926,21 @@ export default {
 
 .site-setting-wrap {
     width: 100%;
+
+    .siteMessage5_desc {
+        border-radius: 4px;
+        /* middle/middle_blue_1 */
+        background: #F2F7FF;
+        /* middle/middle_blue_3 */
+        border: 1px solid #BFDAFF;
+        padding: 8px 13px;
+        margin-bottom: 32px;
+
+        img {
+            margin-right: 8px;
+        }
+
+    }
 }
 
 #siteMessage2 {