成员管理页开发

package.json

@@ -28,7 +28,7 @@
     "js-md5": "^0.7.3",
     "jsencrypt": "^3.0.0-rc.1",
     "jspdf": "^1.5.3",
-    "node-sass": "^4.9.2",
+    "node-sass": "^4.14.1",
     "qrcode": "^1.3.3",
     "showdown": "^1.6.4",
     "sortablejs": "^1.10.0-rc3",

src/utils/fetch.js

@@ -54,7 +54,7 @@ service.interceptors.request.use(config => {
     }
     if( process.env.BUILD_ENV == "development" ){  // 本地开发环境
       // console.log('环境变量>>>> ', process.env.BUILD_ENV);
-      config.headers['token'] = '4559D8D1D615430991878A1264830A04';
+      config.headers['token'] = '1C7A1CC89FD24B8A8EAA0A54A06F7C9A';
       // config.headers['token'] = localStorage.getItem('storageToken')
     }else{
       config.headers['token'] = localStorage.getItem('storageToken')

src/views/yqrange/create-range.vue

@@ -19,12 +19,14 @@
       </el-row>
       <div class="first-step" v-if="active == 0">
         <p class="p-title">基础信息</p>
-        <el-form  ref="formData"
+        <el-form
+          ref="formData"
           :model="formData"
           :rules="rules"
           label-width="150px"
           label-suffix="："
-                  class="basic-form">
+          class="basic-form"
+        >
           <el-form-item label="圈子名称" prop="projectName">
             <el-col :span="13">
               <el-input
@@ -51,11 +53,7 @@
                   @mouseover.stop="imgMouseOver1=true"
                   class="bg-img"
                 />
-                <img
-                    v-if="!formData.imgUrl1"
-                    class="bg-img"
-                    src="../../assets/image/small.png"
-                />
+                <img v-if="!formData.imgUrl1" class="bg-img" src="../../assets/image/small.png" />
                 <div
                   class="img-delete"
                   v-show="imgMouseOver1"
@@ -88,11 +86,7 @@
                   @mouseover.stop="imgMouseOver2=true"
                   class="bg-img"
                 />
-                <img
-                    v-if="!formData.imgUrl2"
-                    class="bg-img"
-                    src="../../assets/image/small.png"
-                />
+                <img v-if="!formData.imgUrl2" class="bg-img" src="../../assets/image/small.png" />
                 <div
                   class="img-delete"
                   v-show="imgMouseOver2"
@@ -127,8 +121,8 @@
                 v-for="item in contentList"
                 :key="item.value"
                 :label="item.label"
-                  :value="item.label">
-              </el-option>
+                :value="item.label"
+              ></el-option>
             </el-select>
           </el-form-item>
         </el-form>
@@ -137,14 +131,14 @@
   </div>
 </template>
 <script>
-  import BreadCrumb from "@/components/breadcrumb.vue";
-  import { openLoading, closeLoading } from "../../utils/utils";
-  import { doUpload, getFilePath } from "../../utils/qiniu-util";
-  export default {
+import BreadCrumb from "@/components/breadcrumb.vue";
+import { openLoading, closeLoading } from "../../utils/utils";
+import { doUpload, getFilePath } from "../../utils/qiniu-util";
+export default {
   components: {
     BreadCrumb
   },
-    data(){
+  data() {
     let checkProjectStr = (rule, value, callback) => {
       if (value.indexOf("\\") != -1) {
         //存在
@@ -155,34 +149,35 @@
         callback();
       }
     };
-      return{
-        curmbFirst: '云鹊小圈',
-        curmbSecond: '新建小圈',
+    return {
+      curmbFirst: "云鹊小圈",
+      curmbSecond: "新建小圈",
       active: 0,
       //页面展示位置
       stepData: [true, false, false],
       showStorage: true,
       formData: {
-          projectName: '',
-          imgUrl1: '',
+        projectName: "",
+        imgUrl1: "",
         imgUrl1More: {},
-          imgUrl2: '',
+        imgUrl2: "",
         imgUrl2More: {},
-          introduce: '',
-          contentRole: '',
+        introduce: "",
+        contentRole: ""
       },
       imgMouseOver1: false,
-        uploadImgMessage1: false,//未上传图片，校验提示语
+      uploadImgMessage1: false, //未上传图片，校验提示语
       imgMouseOver2: false,
       uploadImgMessage2: false,
       contentList: [
         {
-            value: '1',
-            label: '所有人可发布动态'
-          },{
-            value: '2',
-            label: '嘉宾可发布动态'
+          value: "1",
+          label: "所有人可发布动态"
         },
+        {
+          value: "2",
+          label: "嘉宾可发布动态"
+        }
       ],
       rules: {
         projectName: [
@@ -206,10 +201,10 @@
           { validator: checkProjectStr, trigger: "blur" }
         ],
         contentRole: [
-            { required: true, message: "请选择内容发布权限", trigger: "blur" },
+          { required: true, message: "请选择内容发布权限", trigger: "blur" }
         ]
       }
-      }
+    };
   },
   methods: {
     //上传圈子头像
@@ -258,13 +253,23 @@
         image.src = theFile.target.result;
         image.onload = function() {
           let _this = this;
-            if (_this.width != fileLimit.width || _this.height != fileLimit.height) {
+          if (
+            _this.width != fileLimit.width ||
+            _this.height != fileLimit.height
+          ) {
             vm.$message.error("图片尺寸不符合规范，请根据规范上传图片");
           } else {
             openLoading(vm);
-              doUpload(vm, file, getFilePath(file, null), "preview4", "progress1", 1).then(function(path) {
+            doUpload(
+              vm,
+              file,
+              getFilePath(file, null),
+              "preview4",
+              "progress1",
+              1
+            ).then(function(path) {
               closeLoading(vm);
-                console.log('上传成功后路径',path);
+              console.log("上传成功后路径", path);
               if (fileLimit.show == "uploadImgMessage1") {
                 vm.uploadImgMessage1 = false;
               } else if (fileLimit.show == "uploadImgMessage2") {
@@ -295,16 +300,16 @@
     //下一步
     nextStep() {},
     //完成
-      complete() {},
-    },
+    complete() {}
   }
+};
 </script>
 <style lang="scss">
-  .yqrange-index-wrapper{
-    .yqrange-index-content{
+.yqrange-index-wrapper {
+  .yqrange-index-content {
     background: #fff;
     padding: 10px;
-      .step-content{
+    .step-content {
       overflow: hidden;
       height: 60px;
       padding: 15px 0 50px 0;
@@ -342,9 +347,9 @@
         border: 1px solid #449284 !important;
       }
     }
-      .first-step{
+    .first-step {
       margin-top: 20px;
-        .p-title{
+      .p-title {
         padding-left: 10px;
         margin-bottom: 15px;
       }
@@ -411,10 +416,10 @@
       }
     }
   }
-  }
-  .required-label .el-form-item__label::before{
-    content: '*';
-    color: #F56C6C;
+}
+.required-label .el-form-item__label::before {
+  content: "*";
+  color: #f56c6c;
   margin-right: 4px;
-  }
+}
 </style>

src/views/yqrange/yq-range.vue

@@ -147,7 +147,7 @@ export default {
     //成员管理
     roleManage(row) {
       this.$router.push({
-        path: '/role-manage',
+        path: '/role-manage?id=' + row.id,
       })
     },
     //编辑