4.22-1.3.1 web-签约流程绑定社区影响力

components/credit/data.js

@@ -204,7 +204,6 @@ export default {
       tag: "jishuin",
       account: "",
       icon: require('@/assets/img/sign/jishuinIcon@2x.png'),
-      // targetUrl: this.$store.state.domainConfig.jishuinUrl + "/u/"
     },
     {
       id: 1,
@@ -220,7 +219,7 @@ export default {
       tag: "gitee",
       account: "",
       icon: require('@/assets/img/sign/github.png'),
-      targetUrl: ""
+      targetUrl: "https://gitee.com/"
     },
     {
       id: 3,
@@ -251,7 +250,8 @@ export default {
       name: "RSS订阅",
       tag: "rss",
       account: "",
-      icon: require('@/assets/img/sign/juejin.png')
+      icon: require('@/assets/img/sign/juejin.png'),
+      targetUrl: ""
     },
     {
       id: 7,
@@ -266,7 +266,8 @@ export default {
       name: "ZCOOL",
       tag: "zcool",
       account: "",
-      icon: require('@/assets/img/sign/dribbble.png')
+      icon: require('@/assets/img/sign/dribbble.png'),
+      target: "https://www.zcool.com/u/"
     },
   ],
   /** 其他 */

components/sign/social.vue

@@ -1,216 +1,251 @@
 <template>
-<div class="info">
+  <div class="info">
     <header>
-        <h5>专业社区影响力</h5>
+      <h5>专业社区影响力</h5>
     </header>
     <div class="edit">
-        <el-form ref="form" :rules="rules" :model="social" label-width="130px">
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/github.png" srcset="~@/assets/img/sign/github@2x.png" alt="github" />
-                <el-form-item label="Github" prop="github">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.github"></el-input>
-                </el-form-item>
-                <span class="opts">
+      <el-form ref="form" :rules="rules" :model="social" label-width="130px">
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/github.png" srcset="~@/assets/img/sign/github@2x.png" alt="github"/>
+          <el-form-item label="Github" prop="github">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.github"></el-input>
+          </el-form-item>
+          <span class="opts">
                     <!-- <el-button type="info" @click="handleCancel('github')">取消</el-button> -->
                     <el-button type="primary" @click="onSubmit('github')">确认</el-button>
                 </span>
-            </div>
+        </div>
 
-            <!--
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/zhihu.png" srcset="~@/assets/img/sign/zhihu@2x.png" alt="zhihu" />
-                <el-form-item label="知乎" prop="zhihu">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.zhihu"></el-input>
-                </el-form-item>
-                <span class="opts">
-                    <el-button type="info" @click="handleCancel('zhihu')">取消</el-button>
-                    <el-button type="primary" @click="onSubmit('zhihu')">确认</el-button>
-                </span>
-            </div>
-            -->
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/juejin.png" srcset="~@/assets/img/sign/juejin@2x.png" alt="juejin" />
-                <el-form-item label="掘金" prop="juejin">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.juejin"></el-input>
-                </el-form-item>
-                <span class="opts">
+        <!--
+        <div class="line">
+            <img class="prefix-icon" src="~@/assets/img/sign/zhihu.png" srcset="~@/assets/img/sign/zhihu@2x.png" alt="zhihu" />
+            <el-form-item label="知乎" prop="zhihu">
+                <el-input placeholder="请输入需绑定账号用户名" v-model="social.zhihu"></el-input>
+            </el-form-item>
+            <span class="opts">
+                <el-button type="info" @click="handleCancel('zhihu')">取消</el-button>
+                <el-button type="primary" @click="onSubmit('zhihu')">确认</el-button>
+            </span>
+        </div>
+        -->
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/juejin.png" srcset="~@/assets/img/sign/juejin@2x.png" alt="juejin"/>
+          <el-form-item label="掘金" prop="juejin">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.juejin"></el-input>
+          </el-form-item>
+          <span class="opts">
                     <el-button type="primary" @click="onSubmit('juejin')">确认</el-button>
                 </span>
-            </div>
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/csdn.png" srcset="~@/assets/img/sign/csdn@2x.png" alt="csdn" />
-                <el-form-item label="CSDN" prop="csdn">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.csdn"></el-input>
-                </el-form-item>
-                <span class="opts">
+        </div>
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/csdn.png" srcset="~@/assets/img/sign/csdn@2x.png" alt="csdn"/>
+          <el-form-item label="CSDN" prop="csdn">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.csdn"></el-input>
+          </el-form-item>
+          <span class="opts">
                     <el-button type="primary" @click="onSubmit('csdn')">确认</el-button>
                 </span>
-            </div>
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/wechat.png" srcset="~@/assets/img/sign/wechat@2x.png" alt="wechat" />
-                <el-form-item label="公众号" prop="wechat">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.wechat"></el-input>
-                </el-form-item>
-                <span class="opts">
+        </div>
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/wechat.png" srcset="~@/assets/img/sign/wechat@2x.png" alt="wechat"/>
+          <el-form-item label="公众号" prop="wechat">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.wechat"></el-input>
+          </el-form-item>
+          <span class="opts">
                     <el-button type="primary" @click="onSubmit('wechat')">确认</el-button>
                 </span>
-            </div>
-            <!-- 
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/stackoverflow.png" srcset="~@/assets/img/sign/stackoverflow@2x.png" alt="stackoverflow" />
-                <el-form-item label="StackOverflow" prop="stackoverflow">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.stackoverflow"></el-input>
-                </el-form-item>
-                <span class="opts">
-                    <el-button type="info" @click="handleCancel('stackoverflow')">取消</el-button> 
-                    <el-button type="primary" @click="onSubmit('stackoverflow')">确认</el-button>
-                </span>
-            </div>
-            -->
+        </div>
+        <!--
+        <div class="line">
+            <img class="prefix-icon" src="~@/assets/img/sign/stackoverflow.png" srcset="~@/assets/img/sign/stackoverflow@2x.png" alt="stackoverflow" />
+            <el-form-item label="StackOverflow" prop="stackoverflow">
+                <el-input placeholder="请输入需绑定账号用户名" v-model="social.stackoverflow"></el-input>
+            </el-form-item>
+            <span class="opts">
+                <el-button type="info" @click="handleCancel('stackoverflow')">取消</el-button>
+                <el-button type="primary" @click="onSubmit('stackoverflow')">确认</el-button>
+            </span>
+        </div>
+        -->
 
-            <div class="line">
-                <img class="prefix-icon" src="~@/assets/img/sign/dribbble.png" srcset="~@/assets/img/sign/dribbble@2x.png" alt="dribbble" />
-                <el-form-item label="Dribbble" prop="dribbble">
-                    <el-input placeholder="请输入需绑定账号用户名" v-model="social.dribbble"></el-input>
-                </el-form-item>
-                <span class="opts">
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/dribbble.png" srcset="~@/assets/img/sign/dribbble@2x.png" alt="dribbble"/>
+          <el-form-item label="Dribbble" prop="dribbble">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.dribbble"></el-input>
+          </el-form-item>
+          <span class="opts">
                     <!-- <el-button type="info" @click="handleCancel('dribbble')">取消</el-button> -->
                     <el-button type="primary" @click="onSubmit('dribbble')">确认</el-button>
                 </span>
-            </div>
-        </el-form>
+        </div>
+        <!--gitee-->
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/dribbble.png" srcset="~@/assets/img/sign/dribbble@2x.png" alt="dribbble"/>
+          <el-form-item label="Gitee" prop="gitee">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.gitee"></el-input>
+          </el-form-item>
+          <span class="opts">
+                    <!-- <el-button type="info" @click="handleCancel('dribbble')">取消</el-button> -->
+                    <el-button type="primary" @click="onSubmit('giteee')">确认</el-button>
+                </span>
+        </div>
+        <!--Rss-->
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/dribbble.png" srcset="~@/assets/img/sign/dribbble@2x.png" alt="dribbble"/>
+          <el-form-item label="Rss订阅" prop="rss">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.rss"></el-input>
+          </el-form-item>
+          <span class="opts">
+                    <!-- <el-button type="info" @click="handleCancel('dribbble')">取消</el-button> -->
+                    <el-button type="primary" @click="onSubmit('rss')">确认</el-button>
+                </span>
+        </div>
+        <!--zcool-->
+        <div class="line">
+          <img class="prefix-icon" src="~@/assets/img/sign/dribbble.png" srcset="~@/assets/img/sign/dribbble@2x.png" alt="zcool"/>
+          <el-form-item label="ZCool" prop="Zcool">
+            <el-input placeholder="请输入需绑定账号用户名" v-model="social.zcool"></el-input>
+          </el-form-item>
+          <span class="opts">
+                    <!-- <el-button type="info" @click="handleCancel('dribbble')">取消</el-button> -->
+                    <el-button type="primary" @click="onSubmit('zcool')">确认</el-button>
+                </span>
+        </div>
+      </el-form>
     </div>
-</div>
+  </div>
 </template>
 
 <script>
-import uploader from "@/components/uploader";
-export default {
+  import uploader from "@/components/uploader";
+
+  export default {
     data() {
-        return {
-            // editing: true,
-            editingItem: [],
-            rules: {
-                name: ""
-            },
-            social: {
-                github: "",
-                zhihu: "",
-                stackoverflow: "",
-                dribbble: "",
-                juejin:"",
-                csdn:"",
-                wechat:""
-            },
-            origin: {}
-        };
+      return {
+        // editing: true,
+        editingItem: [],
+        rules: {
+          name: ""
+        },
+        social: {
+          github: "",
+          zhihu: "",
+          stackoverflow: "",
+          dribbble: "",
+          juejin: "",
+          csdn: "",
+          wechat: "",
+          gitee: "",
+          rss: "",
+          zcool: ""
+        },
+        origin: {}
+      };
     },
     components: {
-        uploader
+      uploader
     },
     computed: {},
     watch: {},
     async mounted() {
-        this.getData();
+      this.getData();
     },
     methods: {
-        // github, zhihu, stackoverflow, dribbble
-        async onSubmit(type) {
-            console.log("submit!", this.social);
-            const value = this.social[type];
-            if (!value) {
-                this.$message.error("请检查输入!");
-                return;
-            }
-            const data = Object.assign({}, this.origin);
-            data[`${type}`] = value;
-            const postData = {};
-            for (let key in data) {
-                postData[`${key}_user`] = data[key];
-            }
-            const res = await this.$axios.$post(
-                `/api/social_network/update`,
-                postData
-            );
-            if (res.status === 1) {
-                this.$message.success("保存成功！");
-            } else {
-                // this.$message.error(res.info);
-            }
-        },
-        async getData() {
-            const res = await this.$axios.$post("/api/social_network/get_fill_info");
-            const data = res.data || {};
-            this.social = data;
-            this.origin = Object.assign({}, data);
+      // github, zhihu, stackoverflow, dribbble
+      async onSubmit(type) {
+        console.log("submit!", this.social);
+        const value = this.social[type];
+        if (!value) {
+          this.$message.error("请检查输入!");
+          return;
+        }
+        const data = Object.assign({}, this.origin);
+        data[`${type}`] = value;
+        const postData = {};
+        for (let key in data) {
+          postData[`${key}_user`] = data[key];
+        }
+        const res = await this.$axios.$post(`/api/social_network/update`, postData);
+        if (res.status === 1) {
+          this.$message.success("保存成功！");
+        } else {
+          // this.$message.error(res.info);
         }
+      },
+      async getData() {
+        const res = await this.$axios.$post("/api/social_network/get_fill_info");
+        const data = res.data || {};
+        this.social = data;
+        this.origin = Object.assign({}, data);
+        console.log("^^^^^^^^", this.origin);
+      }
     }
-};
+  };
 </script>
 
 <style lang="scss">
-.info {
+  .info {
     header .el-icon-plus {
-        font-size: 18px;
+      font-size: 18px;
     }
 
     .edit {
-        padding: 20px;
+      padding: 20px;
 
-        >form {
-            .header {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                margin-bottom: 10px;
-            }
+      > form {
+        .header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 10px;
+        }
 
-            .opts {
-                display: flex;
-                align-items: center;
+        .opts {
+          display: flex;
+          align-items: center;
 
-                .el-button {
-                    margin-left: 5px;
-                }
-            }
+          .el-button {
+            margin-left: 5px;
+          }
+        }
 
-            .to {
-                margin-right: 10px;
-            }
+        .to {
+          margin-right: 10px;
+        }
 
-            .line {
-                position: relative;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                height: 80px;
-                border-bottom: 1px solid #ebeef5;
+        .line {
+          position: relative;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          height: 80px;
+          border-bottom: 1px solid #ebeef5;
 
-                .el-form-item {
-                    margin-bottom: 0;
-                }
+          .el-form-item {
+            margin-bottom: 0;
+          }
 
-                .el-input {
-                    width: 586px;
-                }
+          .el-input {
+            width: 586px;
+          }
 
-                .prefix-icon {
-                    position: absolute;
-                    left: 0;
-                    top: 50%;
-                    transform: translateY(-50%);
-                    width: 26px;
-                    height: 26px;
-                    z-index: 10;
-                }
-            }
+          .prefix-icon {
+            position: absolute;
+            left: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 26px;
+            height: 26px;
+            z-index: 10;
+          }
+        }
 
-            .el-form-item__label {
-                text-align: left;
-                padding-left: 30px;
-                line-height: 40px;
-            }
+        .el-form-item__label {
+          text-align: left;
+          padding-left: 30px;
+          line-height: 40px;
         }
+      }
     }
-}
+  }
 </style>