文章评论

package-lock.json

         "any-observable": "^0.3.0"
       }
     },
+    "@types/node": {
+      "version": "12.0.10",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-12.0.10.tgz",
+      "integrity": "sha512-LcsGbPomWsad6wmMNv7nBLw7YYYyfdYcz6xryKYQhx89c3XXan+8Q6AJ43G5XDIaklaVkK3mE4fCb0SBvMiPSQ=="
+    },
+    "@types/qrcode": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@types/qrcode/-/qrcode-1.3.3.tgz",
+      "integrity": "sha512-+5vox9KhEPGP+d2ah8V+gnHAaTDvFHssLz8KJS7OgJuessGGybChJYfmo+fwNFzOVUtfcWkTCJqkFDRz15hCYw==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/spark-md5": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/spark-md5/-/spark-md5-3.0.1.tgz",
+      "integrity": "sha512-sjiWYRmuuFZMo/DdysQe/yX6x40Q0WZXsNgvbUIg7gUaQYNoXx4CqWq27rDikQyc+0JKkqsoNiIBAA0GUxbUXw=="
+    },
     "JSV": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/JSV/-/JSV-4.0.2.tgz",
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },

package.json

     "url": "https://github.com/PanJiaChen/vue-element-admin/issues"
   },
   "dependencies": {
+    "@types/qrcode": "^1.3.3",
+    "@types/spark-md5": "^3.0.1",
     "ajv": "^6.5.3",
     "axios": "0.17.1",
     "clipboard": "1.7.1",

src/api/act/staffmanager.js

         method:'Get',
         params:params
     })
+}
+
+export function SaveStaffInfo(id,data){
+    console.log("id是什么呢?",id)
+     return request({
+         url:'/api/staff/EditStaffInfo?id='+id,
+         method:"Post",
+         data:data,
+     })
+} 
+
+export function DeleteStaffs(data){
+    console.log("删除的数据是?",data)
+    return request({
+        url:'/api/staff/DeleteStaffs',
+        method:"delete",
+        data:data,
+    })
 }

src/api/act/submitinfo.js

      })
 }
 
-export function GetAllArticles(param,status,keyword,id){
+export function GetAllArticles(status,id,keyword,limit,page){
     const params = {
-        param:param,
         status:status,
-        keyword:keyword,
         id:id,
+        keyword:keyword,
+        limit:limit,
+        page:page
     }
-    console.log("params是什么?",params)
+    console.log("params信息",params)
      return request({
          url:'/api/acticle/getAllArticles',
          method:'Get',
 }
 
 export function EditArticleCategory(id,data){
-    console.log("abc",data)
+    console.log("abc",id,data)
     return request({
         url:'/api/acticle/edit?id='+id,
         method:'Post',
     })
 }
 
+export function deleteArticle (id,data){
+    console.log("id是多少",id)
+    return request({
+        url:"/api/article/deleteArticle?id="+id,
+        method:"Get",
+        data:data
+    })
+}
 
 export function getEditArticle(id,param){
     console.log("params是啥?",param)
     })
 }
 
-export function getArticleCommentDetail(params,id){
+export function getArticleCommentDetail(page,limit,title,publicTime,id){
     console.log("文章评论详情",id)
+    const params = {
+        page:page,
+        limit:limit,
+        title:title,
+        publicTime:publicTime,
+        id:id,
+    }
     return request({
         url:"/api/acticle/getArticleCommentDetail?id="+id,
         method:'Get',
         params:params,
     })
 }
+
+export function send(replycontent,acticlid,parentid){
+   const params = {
+       replycontent:replycontent,
+       acticlid:acticlid,
+       parentid:parentid,
+   }
+   return request({
+       url:"/api/acticle/send",
+       method:'Get',
+       params:params,
+   })
+}
+
+export function getReplyAllComents(params){
+    return request({
+       url:"/api/acticle/getReplyAllComents",
+       method:'Get',
+       params:params,
+    })
+}

src/scrm_pages/article/acticleCategory.vue

         <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
           <el-checkbox style="width: 30px" @change="changeCheck" v-model="checkAllStatus">全选</el-checkbox>
           <el-button size="small" icon="el-icon-delete" @click="openDeleteCategorys">批量删除</el-button>
-
         </div>
 
         <el-row :gutter="12" style="margin-top: 10px">
         GetCategorys(this.listQuery).then(response=>{
              console.log(response.data.state)
              if(response.data.state === 1){
-               this.articsData = response.data.data.category 
+               this.articsData = response.data.data.category; 
                console.log(this.articsData)
-               this.total = response.data.data.total
+               this.total = response.data.data.total;
+               console.log("多少",this.total)
              }
         })
       },
        handleSizeChange(limit) {
+            console.log("为什么",limit)
             this.listQuery.limit = limit;
             this.GetCategorys();
         },
         handleCurrentChange(page) {
+            console.log("为啥",page)
             this.listQuery.page = page;
             this.GetCategorys();
         },
                  this.articData[key] = row[key]
                }
             }
-            console.log("是什么",this.articData) 
-            console.log("heh",this.articsData)  
              this.artilceIndex = index 
              this.$refs.editArticleForm.open();        
         },

src/scrm_pages/article/articleComment.vue

           </el-table-column>
 
           <el-table-column label="评论状态" align="center">
-            <template>
+            <template  slot-scope="scope">
               <span>正常</span>
             </template>
           </el-table-column>

src/scrm_pages/article/articleCommentDetail.vue

              <div class="title">{{listQuerty.title}}</div>
              <div>{{listQuerty.publicTime}}</div>
              <div class="sort">已按最新热度排序</div>
-            <div class="border"></div>          
+            <div class="border"></div>            
+            <div v-for="item in comments" :key="item.id">
+                <div class="img">
+                    <img :src="item.comment_user_avater" style="width:50px;height:50px">
+                </div>               
+                <div class="commentname">
+                    {{item.comment_user_name}}
+                    <span class="fortime">{{format(item.ctime)}}</span>
+                </div>
+                <div class="reply">
+                    |&nbsp;&nbsp;<span  @click="replyComments(item.id)">回复</span>&nbsp;&nbsp;
+                    |&nbsp;&nbsp;<span @click="spread()" id="copy" v-show="show">{{word}}</span>&nbsp;&nbsp;|
+                    &nbsp;&nbsp;删除&nbsp;&nbsp;
+                </div>
+                <div class="content">
+                    {{item.content}}
+                </div> 
+               <div class="reply_box" v-show="showindex===item.id">
+                        <textarea name="" id="" cols="156" rows="5" class="reply " placeholder="回复:" v-model="form.replycontent"></textarea>
+                        <div class="clearfix"></div>
+                        <div class="button" style="display: block;">
+                            <el-button @click="cancel()">取消</el-button>
+                            <el-button type="primary" @click="send(item)">发送</el-button>
+                       </div>
+                </div>
+                 <div class="reviewed" v-show="shows">
+                     <div v-for="(child) in item.childs" :key="child.id">
+                     你&nbsp;回复了&nbsp;{{item.comment_user_name}}:{{child.content}}
+                     <div  id="tub" class="el-icon-error" @click="clear()"></div>
+                     </div>
+                </div>           
+            <div class="border"></div>  
+           </div>
+             <el-pagination
+               @size-change="handleSizeChange"
+               @current-change="handleCurrentChange"
+               :page-sizes="[10,20,50,100]"
+               :page-size="10"
+               background
+               style="margin-top:20px;float: right"
+               layout="total, sizes, prev, pager, next, jumper"
+               :total="total">
+             </el-pagination>   
         </div>
      </div>
 </template>
 
 <script>
    import BreadCrumb from '../components/bread-crumb'
-   import { getArticleCommentDetail } from '@/api/act/submitinfo'
+   import { getArticleCommentDetail,send } from '@/api/act/submitinfo'
+   import {getFileExtension,uParseTime} from '@/utils/tools'
+import { constants } from 'crypto';
+import { truncateSync } from 'fs';
     export default {
         name: "articleCommentDetail",
         components:{
                    { path: '/articles/articleComment', name: '文章评论详情' }
                 ],
                 listQuerty:{
+                   page:1,
+                   limit:10,
                    title:'',
                    publicTime:'',
-                }
+                   id:0,
+                },
+                total:0,
+                comments:[],
+                show:true,
+                shows:false,
+                showindex:-1,
+                form:{
+                  replycontent:'',  
+                },
              }
          },
-         created(){
-            this.getArticleCommentDetail(); 
-         },
          methods:{
              getArticleCommentDetail(){
                  const id = this.$route.params && this.$route.params.id
                  console.log("id",id)
-                 getArticleCommentDetail(this.listQuerty,id).then(response=>{
+                 getArticleCommentDetail(this.listQuerty.page,this.listQuerty.limit,this.listQuerty.title,this.listQuerty.publicTime,id).then(response=>{
                         if(response.data.state == 1){
-                            var articles = response.data.data.articles
-                            this.listQuerty.title = articles.title
-                            this.listQuerty.publicTime =  articles.publicTime
+                            var articles = response.data.data.articles;
+                            var comment =  response.data.data.comment;
+                            this.comments =  response.data.data.comment;
+                             for (let index = 0; index < this.comments.length; index++) {
+                                        
+                                 this.$set(this.comments[index], "childs", []);                      
+                             }
+                            console.log("评论信息",this.comments);
+                            this.total =  response.data.data.total;
+                            console.log("total",this.total);
+                            var orgname = response.data.data.orgName;
+                            console.log("orgname",orgname);
+                            var orgID =   response.data.data.orgID;
+                            console.log("orgID",orgID);
+                            this.listQuerty.title = articles.title;
+                            this.listQuerty.publicTime =  articles.publicTime;
                             console.log("内容是设么",articles)
                         }
                  })
+             },
+          handleSizeChange(limit) {
+            this.listQuery.limit = limit;
+            this.getArticleCommentDetail();
+          },
+          handleCurrentChange(page){
+            this.listQuerty.page = page;
+            this.getArticleCommentDetail();
+          }, 
+          format(time){
+              return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}"); 
+          },
+          replyComments(id){
+              this.showindex = id;
+
+          },
+          cancel(){
+              this.showindex = -1;
+          },
+          spread(){
+             
+          },
+          send(parent){
+              const articid = this.$route.params && this.$route.params.id;
+              console.log("文章id",articid);
+               console.log("父类id",parent.id)
+               var replycontent =  this.form.replycontent;
+               if(replycontent == ""){
+                  this.$message.error("回复内容不能为空");
+                  this.shows = false;
+               }else{
+                   this.shows = true;
+                   send(replycontent,articid,parent.id).then(response=>{
+                   if(response.data.state ==1){
+                      var comment = response.data.data.comment;
+                      parent.childs.push(comment)
+                      console.log("内容",comment)
+                      console.log(parent.childs)
+                  }
+                })
+               }
+          },
+          clear(){
+             this.shows = false;
+          }
+         },
+          created(){
+            this.getArticleCommentDetail(); 
+         },
+         computed:{
+             word:function(){
+                if(this.show == true){
+                   return "展开";   
+                }
+                if(this.show == false){
+                    return "收起";
+                }
              }
          }
     }
 <style scoped>
    .border{
        border: 1px #dcdfe6 solid;
-       margin-top: 30px;
+       margin-top: 150px;
    }
    .title{
        font-size: 25px;
       float: right;
       font-size: 18px;
    }
+   .commentname{
+       margin-top: 20px;
+       font-size: 20px;
+       color: blue;
+       margin-left: 100px;
+   }
+   .reply{
+       float: right;
+       margin-top: -20px;
+       font-size: 20px;
+       color: #495060;
+   }
+   .content{
+       font-size: 20px;
+       margin-top: 15px;
+       margin-left: 100px;
+   }
+   .fortime{
+       font-size: 15px;
+       color: #495060;
+   }
+   .img{
+       float: left;
+       
+   }
+   .reply_box{
+       margin-top: 30px;
+   }
+   .button{
+       float: right;
+       margin-top: 5px;
+            
+   }
+   .reviewed{
+       float: right;
+       margin-top: 30px;
+       margin-left: 100px;
+       padding-top: 16px;
+       width: 1580px;
+       height:50px;
+       font-size: 15px;
+       border:1px solid #f4f7fa;
+       background-color: #f4f7fa;
+   }
+    #tub{
+      float: right;
+   }
 </style>

src/scrm_pages/article/articleList.vue

           <div style="margin-bottom: 10px">
             <el-row :gutter="24">
               <el-col :span="8">
-                  <el-input style="width: 300px" v-model="keyword"  placeholder="请输入您需要搜索的内容"></el-input>
+                  <el-input style="width: 300px" v-model="listQuery.keyword"  placeholder="请输入您需要搜索的内容"></el-input>
                   <el-button type="primary"  icon="el-icon-search" @click="changeKey()">搜索</el-button>
               </el-col>
             </el-row>
               </ul>
             </div>
           </div>
-          <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
+
+            <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
+              <el-checkbox style="width: 30px">全选</el-checkbox> 
+              <el-button size="small" icon="el-icon-delete">批量删除</el-button>
+            </div> 
+           <!-- <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
             <el-checkbox style="width: 30px" @change="changeCheck" v-model="checkAllStatus">全选</el-checkbox>
-            <el-button size="small" icon="el-icon-delete" @click="openDeletearticles">批量删除</el-button>
-          </div>
-          <el-table ref="multipleTable" :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" :data="articsData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;"  @selection-change="handleSelectionChange">
+            <el-button size="small" icon="el-icon-delete">批量删除</el-button>
+          </div> -->
+          <!-- <el-table ref="multipleTable" :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" :data="articsData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;"  @selection-change="handleSelectionChange">
               <el-table-column
-                align="center" 
+                align="center"
                 type="selection"
                 width="55">
-              </el-table-column> 
+              </el-table-column>
              <el-table-column label="文章图片" align="center">
                <template slot-scope="scope">
                   <div class="parent">
-                 <span class="text">已发布</span>  
+                 <span class="text">已发布</span>
                  <div class="triangle-topleft">
-                       
+
                  </div>
                 <img :src="memberAvatar(scope.row)" style="width:100%;height:100%">
-          </div>     
+          </div>
                </template>
              </el-table-column>
             <el-table-column label="文章标题" align="center">
                 </el-tooltip>
               </template>
             </el-table-column>
-          </el-table>
+          </el-table> -->
+          
+             <template v-for="(article,index) in articsData">
+               <published-cell v-if="article.status == 1" :article="article"  :key="index" @delete="deleteArticle(article.id, index)"></published-cell>
+               <published-cell v-if="article.status == 2" :article="article"  :key="index" @delete="deleteArticle(article.id, index)"></published-cell>
+               <published-cell v-if="article.status == 3" :article="article"  :key="index" @delete="deleteArticle(article.id, index)"></published-cell>
+             </template>
+         
           <el-pagination
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange"
 
 <script>
   import BreadCrumb from '../components/bread-crumb'
-  import { GetAllArticles,openDelete} from '@/api/act/submitinfo'
+  import { GetAllArticles,deleteArticle} from '@/api/act/submitinfo'
+  import PublishedCell from "@/scrm_pages/article/components/published_cell"
   export default {
     name: 'commentList',
     components:{
-      BreadCrumb
+      BreadCrumb,
+      PublishedCell,
     },
     inject:['reload'],
     data(){
             limit:10,
             classid:'',
             name:'',
+            keyword:'',
         },
         articsData:[],
         total:0,
-        selecting_status:'',
-        keyword:'',
         dialogVisible: false,
-         checkAllStatus:false,
+        checkAllStatus:false,
+        selecting_status:'',
       }
     },
     methods:{
-         GetAllArticles(){
-              GetAllArticles(this.listQuery,this.selecting_status,this.keyword,this.listQuery.classid).then(response=>{
+           GetAllArticles(){
+              GetAllArticles(this.selecting_status,this.listQuery.classid,this.listQuery.keyword,this.listQuery.limit,this.listQuery.page).then(response=>{
                      if(response.data.state === 1){
-                        this.articsData = response.data.data.articles  
+                        this.articsData = response.data.data.articles
                         this.total = response.data.data.total
                         console.log("文章列表",this.articsData)
-                        console.log("total",this.total)                                                   
+                        console.log("total",this.total)
                      }
                      if(typeof(response.data.data.category != 'undefined')){
                        this.tagOptions = response.data.data.category
-                        console.log("分类列表",this.tagOptions)                      
+                        console.log("分类列表",this.tagOptions)
                      }
               })
          },
          selectsign(id){
-           console.log("id",id)
+            console.log("id",id)
             this.listQuery.classid = id;
             this.listQuery.name = name;
             this.tagType = id;
             this.GetAllArticles();
          },
-          handleSizeChange(limit) {
-            this.listQuery.limit = limit;
-            this.GetAllAritcles();
+         handleSizeChange(limit) {
+          this.listQuery.limit = limit;
+          this.GetAllArticles();
         },
          handleCurrentChange(page) {
-            this.listQuery.page = page;
-            this.GetAllAritcles();
+          this.listQuery.page = page;
+          this.GetAllArticles();
         },
         changeKey(){
            this.GetAllArticles();
            this.$router.push({path:'/articles/createArticle'})
         },
         changeSelectingStatus(status){
+          console.log("status是多少?",status)
           this.selecting_status = status;
           this.GetAllArticles();
         },
               dangerouslyUseHTMLString:true,
              confirmButtonText: '确定',
              cancelButtonText: '取消',
-             type: 'warning' 
+             type: 'warning'
             }).then(()=>{
                 var ids = [];
                 ids.push(row.id);
                 openDelete({ids:ids}).then(response=>{
                     this.articsData.splice(index,1);
                     this.$message.success("删除成功");
-                }).catch(e=>{});       
+                }).catch(e=>{});
           }).catch(e=>{});
         },
-         
+
           handleSelectionChange(val){
              this.selectedArticles = val;
          },
-         changeCheck(){
-          this.$refs.multipleTable.clearSelection();
-           if (this.checkAllStatus) {
-            this.$refs.multipleTable.toggleAllSelection();
-            }
-          },
-
-          openDeletearticles(){
-            if (this.selectedArticles.length==0) {
-              this.$message.error("请选择要删除的信息");
-            return false;
-           } 
-           this.$confirm('确定要删除吗?删除后信息将无法恢复!','删除提示',{
+           deleteArticle(id,index){
+             this.$confirm('确定要删除吗?删除后信息将无法恢复!','删除提示',{
                dangerouslyUseHTMLString:true,
-               confirmButtonText: '确定',
-               cancelButtonText: '取消',
-               type: 'warning'
-           }).then(()=>{
-                var ids = [];
-                var idMap = {};
-                for (const index in this.selectedArticles) {
-                ids.push(this.selectedArticles[index].id);
-                idMap[this.selectedArticles[index].id] = this.selectedArticles[index].id;
-            }
-               openDelete({ids:ids}).then(response=>{
-                   if(response.data.state == 1){
-                         var articsDatalength = this.articsData.length;
-                     for (let index = articsDatalength-1; index >= 0; index--) {
-                    if(this.articsData[index].id in idMap) {
-                    this.articsData.splice(index, 1);
-                   }                  
-                 }
-                  this.$message.success("删除成功");   
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+             }).then(()=>{
+                     deleteArticle(id).then(response=>{
+                if(response.data.state==1){
+                    this.articsData.splice(index,1)
+                    this.$message.success("删除成功")
                 }else{
-                   this.$message.success("删除失败");   
-                 }
-               }).catch(e=>{});
-           }).catch(() => {
-              return false        
-           }); 
-          }
+                  this.$message.error(response.msg)
+                }
+              }).catch(e=>{});
+             }).catch(() => {
+               return false
+            });        
+           }
+          // openDeletearticles(){
+          //   if (this.selectedArticles.length==0) {
+          //     this.$message.error("请选择要删除的信息");
+          //   return false;
+          //  }
+          //  this.$confirm('确定要删除吗?删除后信息将无法恢复!','删除提示',{
+          //      dangerouslyUseHTMLString:true,
+          //      confirmButtonText: '确定',
+          //      cancelButtonText: '取消',
+          //      type: 'warning'
+          //  }).then(()=>{
+          //       var ids = [];
+          //       var idMap = {};
+          //       for (const index in this.selectedArticles) {
+          //       ids.push(this.selectedArticles[index].id);
+          //       idMap[this.selectedArticles[index].id] = this.selectedArticles[index].id;
+          //   }
+          //      openDelete({ids:ids}).then(response=>{
+          //          if(response.data.state == 1){
+          //                var articsDatalength = this.articsData.length;
+          //            for (let index = articsDatalength-1; index >= 0; index--) {
+          //           if(this.articsData[index].id in idMap) {
+          //           this.articsData.splice(index, 1);
+          //          }
+          //        }
+          //         this.$message.success("删除成功");
+          //       }else{
+          //          this.$message.success("删除失败");
+          //        }
+          //      }).catch(e=>{});
+          //  }).catch(() => {
+          //     return false
+          //  });
+          // },
     },
     created(){
-      this.GetAllArticles()
-    }
+      this.GetAllArticles();
+    },
   }
 </script>
 
         border-top: 70px solid yellow;
         border-right: 70px solid transparent;
         position: relative;
-        margin-top: -140px;       
+        margin-top: -140px;
     }
 </style>

src/scrm_pages/article/commentList.vue

           <bread-crumb :crumbs='crumbs'></bread-crumb>
         </div>
         <div class="app-container">
-          <div class="parent">
-                 <span class="text"></span>  
-                 <div class="triangle-topleft">
-                   
+            <div class="pl">
+              <el-checkbox><span class="comment">全部评论</span></el-checkbox>      
+            </div> 
+            <div class="border2"></div>
+            <div v-for="item in comments" :key="item.id">
+            <div class="check"><el-checkbox></el-checkbox></div>
+            <div class="img">
+                 <img :src="item.comment_user_avater" style="width:50px;height:50px">
+            </div>
+             <div>
+                <div class="commentname">{{item.comment_user_name}}<span class="time">{{item.ctime}}</span></div>
+                <div class="reply">
+                  |&nbsp;&nbsp;<span @click="replay()">回复</span>&nbsp;&nbsp;
+                  |&nbsp;&nbsp;展开&nbsp;&nbsp;
+                  |&nbsp;&nbsp;删除&nbsp;&nbsp;
+                  </div>
+                <div class="content">
+                  {{item.content}}
+                 </div> 
+                  <div class="reply_box" v-if="show">
+                        <textarea name="" id="" cols="163" rows="5" class="reply " placeholder="回复:"></textarea>
+                        <div class="clearfix"></div>
+                        <div class="button" style="display: block;" myAttr="123">
+                            <el-button @click="cancel()">取消</el-button>
+                            <el-button type="primary" @click="send()">发送</el-button>
+                       </div>
                  </div>
-                <div class="title">
-                  已使用
-                </div>
-                 <img src="/static/images/a.jpg" style="width:100%;height:100%">
-          </div>           
+                  <div class="reviewed" v-if="shows">
+                     你&nbsp;回复了&nbsp;:
+                  </div>   
+                <div class="border"></div>  
+             </div>  
+            </div>
+              <el-pagination
+               @size-change="handleSizeChange"
+               @current-change="handleCurrentChange"
+               :page-sizes="[10,20,50,100]"
+               :page-size="10"
+               background
+               style="margin-top:20px;float: right"
+               layout="total, sizes, prev, pager, next, jumper"
+               :total="total">
+             </el-pagination>             
         </div>
     </div>
 </template>
 
 <script>
-  import BreadCrumb from '../components/bread-crumb'
+   import BreadCrumb from '../components/bread-crumb'
+   import {getReplyAllComents} from '@/api/act/submitinfo'
+import { constants } from 'crypto';
   export default {
     name: 'commentList',
     components:{
           { path: false, name: '文章管理' },
           { path: '/articles/commentList', name: '评论列表' }
         ],
+        show:false,
+        shows:false,
+        form:{
+          page:1,
+          limit:10,
+          comment_user_name:'',
+          content:'',
+          comment_user_avater:'',
+        },
+        comments:[],
+        total:0,
       }
     },
     methods:{
+      replay(){
+        this.show = true;
+      },
+      cancel(){
+        this.show = false;
+      },
+      send(){
+        this.shows = true;
+      },
+      handleSizeChange(limit){
+         this.form.limit = limit;
+         this.getReplyAllComents();
+      },
+      handleCurrentChange(page){
+         this.form.page = page;
+         this.getReplyAllComents();
+      },
+        getReplyAllComents(){
+          getReplyAllComents(this.form).then(response=>{
+               if(response.data.state ==1){
+                var comments =  response.data.data.comments;
+                this.comments =  response.data.data.comments;
+                 console.log("评论列表",comments)
+                var total =  response.data.data.total;
+                 this.total =  response.data.data.total;
+                 console.log("总条数",total)
+               }
+          });
+        }
+    },
+    created(){
+      this.getReplyAllComents();
     }
   }
 </script>
 
 <style scoped>
-    .parent{
-        position: relative;
-        width: 200px;
-        height: 200px;
-        background: yellow;
-        font-size: 6px;
-    }
-    .parent .text{
-        display: inline-block;
-        transform: rotate(-45deg);
-        padding: 20px;
-        color: #fff;
-        position: relative;
-    }
-   .triangle-topleft{
-        width: 0;
-        height: 0;
-        border-top: 100px solid red;
-        border-right: 100px solid transparent;
-        position: relative;
-        margin-top: -42px;
-        top: 0px;
-        z-index: 0;   
-    }
-    .title{
-       transform: rotate(-45deg);
-       position: relative;
-       margin-top: -115px;
-       margin-left: -8px;
-    }
+
+      .border{
+       border: 1px #dcdfe6 solid;
+       margin-top: 140px;
+     }
+     .border2{
+       border: 1px #dcdfe6 solid;
+     }
+     .comment{
+       font-size: 20px;
+       color: black;
+       font-weight: 700;
+     }
+
+     .commentname{
+       margin-top: 20px;
+       font-size: 20px;
+       color: blue;
+       margin-left: 100px;
+   }
+   .reply{
+       float: right;
+       margin-top: -20px;
+       font-size: 20px;
+       color: #495060;
+   }
+   .content{
+       font-size: 20px;
+       margin-top: 15px;
+       margin-left: 100px;
+   }
+   .check{
+      margin-top: 20px;
+      float: left;
+   }
+   .time{
+     color: #495060;
+   }
+    .reply_box{
+       margin-top: 30px;
+   }
+   .button{
+       float: right;
+       margin-top: 5px;
+            
+   }
+     .reviewed{
+       float: right;
+       margin-top: 30px;
+       margin-left: 100px;
+       padding-top: 16px;
+       width: 1650px;
+       height:50px;
+       font-size: 15px;
+       border:1px solid #f4f7fa;
+       background-color: #f4f7fa;
+   }
+
+   .pl{
+     margin-bottom: 50px;
+   }
+   .img{
+     float: left;
+     margin-left: 20px;
+     margin-top: 20px;
+   }
 </style>

src/scrm_pages/article/components/EditArticleForm.vue

                            console.log("返回响应",res.state)
                            if(res.state ===1 ){
                               var categorys = res.data.category; 
+                              console.log(categorys)
                               console.log("categorys是什么",categorys.name)
                               this.articsData[this.artilceIndex].name = categorys.name;
                               this.articsData[this.artilceIndex].summary = categorys.summary;

src/scrm_pages/article/components/published_cell.vue

+<template>
+    <div class="clearfix">      
+    <div class="published-cell">
+        <div class="checkbox">
+            <el-checkbox></el-checkbox>
+        </div>
+        <div class="activity-image-panel">
+            <span class="status-text">{{status_text}}</span>
+            <img :src="article.imgs"/>
+        </div>
+        <div class="activity-info-panel">
+            <h3 class="title">
+                 <a>{{article.title}}</a>
+            </h3>
+            <div class="statistics">
+                阅读：{{article.real_read_num}} 丨 评论：{{article.comment_num}} 丨 点赞：{{article.star_num}}
+            </div>
+             <div>
+               <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+                 <el-button
+                   size="mini"
+                   type="primary"
+                   icon="el-icon-edit-outline"
+                   @click="$router.push('/articles/editArticle/'+article.id)">
+                 </el-button>
+               </el-tooltip>
+               <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                 <el-button
+                   size="mini"
+                   type="danger"
+                   icon="el-icon-delete"
+                   @click="deleteArticle()">
+                 </el-button>
+               </el-tooltip>
+             </div>
+        </div>
+        <div class="activity-time-panel">
+            <span class="center">酷医演示中心</span>
+            <span class="time">2019-06-08</span>
+        </div>
+    </div>
+</div>
+</template>
+
+<script>
+  import { parseTime } from "@/utils"
+    export default {
+        name: "published_cell",
+         props: {
+            article: {
+            type: Object,
+            required: true,
+        }
+    },
+        data(){
+          return{
+            show:false,
+          }
+        },
+      computed:{
+        status_text: function() {
+          if (this.article.article_status== 1) {
+            return "已发布"
+          } else if (this.article.article_status == 2) {
+            return "草稿"
+          }else{
+            return "未通过"
+          }
+        },
+        start_time: function() {
+          return parseTime(this.article.ctime, "{y}-{m}-{d} {h}-{i}")
+        },
+      },
+      methods:{
+         deleteArticle(){
+           this.$emit("delete")
+         },
+      
+     }
+    }
+</script>
+
+<style scoped rel="stylesheet/scss" lang="scss">
+   .published-cell {
+    padding: 20px 15px;
+    border: none;
+    border-bottom: 1px solid #e5e8ea;
+    float: left;
+    margin: 0;
+    width: 100%;
+    border-radius: 0;
+    position: relative;
+
+    .activity-image-panel {
+        width: 155px;
+        height: 122px;
+        border: 1px #dee2e5 solid;
+        display: flex;
+        justify-content: center;
+        position: relative;
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        border-radius: 4px;
+        overflow: hidden;
+        float: left;
+
+        .status-text {
+            position: absolute;
+            font-size: 12px;
+            color: #fff;
+            top: 14px;
+            left: 3px;
+            -webkit-transform: rotate(316deg);
+            transform: rotate(316deg);
+        }
+
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            object-position: center;
+        }
+    }
+    .activity-image-panel::before {
+        border-top: 28px solid #5bd18b;
+        border-right: 28px solid transparent;
+        border-bottom: 28px solid transparent;
+        border-left: 28px solid #5bd18b;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 0;
+        height: 0;
+        display: block;
+        content: "";
+    }
+
+    .activity-info-panel {
+        padding: 7px 20px;
+        width: 60%;
+        float: left;
+
+        .title {
+            padding-bottom: 5px;
+
+            a {
+                color: #495060;
+                font-size: 20px;
+                max-width: 100%;
+                font-weight: 500;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                display: inline-block;
+            }
+        }
+
+        .statistics {
+            color: #a8b3ba;
+            font-size: 15px;
+            justify-content: space-between;
+            line-height: 30px;
+        }
+    }
+
+    .activity-time-panel {
+        float: right;
+        padding: 7px 0;
+
+        .time {
+            font-size: 15px;
+            color: #a8b3ba;
+        }
+    }
+    .center{
+        font-size:15px;
+        color: #a8b3ba;
+    }
+    .checkbox{
+        float:left;
+        position: relative;
+        left:-10px;
+    }
+}
+</style>

src/scrm_pages/members/components/CreateMemberForm.vue

                     </el-col>
                     <el-col :span="12">
                         <el-form-item label="生日:" required prop="birthday">
-                            <el-date-picker v-model="form.birthday" prefix-icon="el-icon-date" :editable="false" style="width: 100%;" type="date" placeholder="请选择日期" align="right" format="yyyy-MM-dd" value-format="yyyy-MM-dd" ></el-date-picker>
+                            <el-date-picker v-model="form.birthday" prefix-icon="el-icon-date" :editable="false" style="width: 100%;" type="date" placeholder="请选择日期" align="right" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
                         </el-form-item>
                     </el-col>
                 </el-row>

src/scrm_pages/members/components/EditMemberForm.vue

                         var res = response.data;
                         if(res.state === 1) {
                             var member = res.data.member;
+                            console.log("member是什么?",member)
                             this.membersData[this.memberIndex].name = member.name;
                             this.membersData[this.memberIndex].avatar = member.avatar;
                             this.membersData[this.memberIndex].mobile = member.mobile;

src/scrm_pages/systemsetting/components/CreateStaffForm.vue

                   </el-col>
                 </el-row>
                 <el-row>
-                    <el-col :span="8">
+                    <el-col :span="16">
                         <el-form-item label="员工职称:" required prop="user_type">
-                          <template>
+                          
                             <el-select v-model="form.user_type" placeholder="请选择">
                              <el-option
                                 v-for="item in user_types"
                                 :value="item.index">
                              </el-option>
                             </el-select>
-                          </template>
-                        </el-form-item>
-                    </el-col>
 
-                  <el-col :span="6">
-                      <template>
-                        <el-select v-model="form.user_title"  placeholder="请选择">
+                            <el-select v-model="form.user_title"  placeholder="请选择"> 
                           <el-option
                             v-for="item in user_titles"
                             :key="item.index"
                             :value="item.index">
                           </el-option>
                         </el-select>
-                      </template>
-                  </el-col>
+                        </el-form-item>
+                    </el-col>              
                   <el-col :span="4">
                       <el-form-item label="医生头像:" required prop="dochead">
                         <el-upload
                           <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                       </el-form-item>
-                    </el-col>
+                </el-col>
                 </el-row>
                  <el-row>
                      <el-col :span="24">
              }
           };
    
-           return {
-                crumbs: [
-          { path: false, name: '系统设置' },
-          { path: '/Systemsetting/staffmanagement', name: '员工管理' }
-        ],
+      return {
          centerDialogVisible: false,
           radio: '1',
           value: '',
           qiniuDomain: 'https://images.shengws.com/',
           uploadData: { token: '', key: '' },
          user_types: [
-            { index: 2, name: '医生' },
-            { index: 3, name: '护士' },
-            { index: 4, name: '运营' },
+            { index: 1, name: '医生' },
+            { index: 2, name: '护士' },
+            { index: 3, name: '运营' },
             ],
         user_titles: [
             { index: 1, name: '医士' },
               },
             handleAvatarSuccess(res, file) {
               this.form.dochead =  this.qiniuDomain + res.url;
+              console.log("上传路径",res.url)
+              console.log("上传轮机",this.form.dochead)
               },
              beforeAvatarUpload(file) {
               const isJPG = file.type === 'image/jpeg';
                     this.resetForm("staffform");
                     this.$message.success("保存成功");     
                  }
-               })
+               }).catch(e=>{});
+              }else{
+                return false;
               }
              })
             },

src/scrm_pages/systemsetting/components/EditStaffForm.vue

+<template>
+    <div id="Edit-staff-form-box">
+          <el-dialog
+              title="添加会员"
+              :visible.sync="centerDialogVisible"
+              width="50%"
+              center>
+              <el-form label-width="100px" class="clearfix" :model="form" ref="staffform" :rules="staffrules">
+                 <el-row>
+                   <el-col :span="12">
+                      <el-form-item label="姓名:"  required prop="name">
+                           <el-input placeholder="请输入姓名" v-model="form.name">
+
+                           </el-input>
+                      </el-form-item>
+                   </el-col>
+                   <el-col :span="12">
+                     <el-form-item label="手机号:" required prop="phone">
+                       <el-input placeholder="请输入手机号" v-model="form.phone">
+
+                       </el-input>
+                     </el-form-item>
+                   </el-col>
+                 </el-row>
+                <el-row>
+                   <el-col :span="12">
+                       <el-form-item label="性别:" required prop="gender">
+                           <el-radio-group v-model="form.gender">
+                                <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderOptions" :key="index">{{gender.name}}</el-radio>
+                            </el-radio-group>
+                       </el-form-item>
+                   </el-col>
+                  <el-col :span="12">
+                   <el-form-item label="生日:" required prop="birthday">
+                        <el-date-picker v-model="form.birthday" prefix-icon="el-icon-date" :editable="false" style="width: 100%;" type="date" placeholder="请选择日期" align="right" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></el-date-picker>
+                 </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="16">
+                        <el-form-item label="员工职称:" required prop="user_type">
+                          
+                            <el-select v-model="form.user_type" placeholder="请选择">
+                             <el-option
+                                v-for="item in user_types"
+                                :key="item.index"
+                                :label="item.name"
+                                :value="item.index">
+                             </el-option>
+                            </el-select>
+
+                            <el-select v-model="form.user_title"  placeholder="请选择"> 
+                          <el-option
+                            v-for="item in user_titles"
+                            :key="item.index"
+                            :label="item.name"
+                            :value="item.index">
+                          </el-option>
+                        </el-select>
+                        </el-form-item>
+                    </el-col>              
+                  <el-col :span="4">
+                      <el-form-item label="医生头像:" required prop="dochead">
+                        <el-upload
+                          v-loading="uploading"
+                          class="avatar-uploader"
+                          action="https://upload.qiniup.com"
+                          :show-file-list="false"
+                          :on-success="handleAvatarSuccess"
+                          :before-upload="beforeAvatarUpload"
+                          :on-error="handleAvatarError"
+                          :data="uploadData">
+                          <img v-if="form.dochead" :src="form.dochead" class="avatar">
+                          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                        </el-upload>
+                      </el-form-item>
+                </el-col>
+                </el-row>
+                 <el-row>
+                     <el-col :span="24">
+                         <el-form-item label="医生简介:" required prop="content">
+                           <keep-alive>
+                             <neditor ref="neditor"
+                                      id="editor"
+                                      v-bind:r_content="form.content">
+                             </neditor>
+                           </keep-alive>
+                         </el-form-item>
+                     </el-col>
+                 </el-row>
+              </el-form>
+              <span slot="footer" class="dialog-footer">
+              <el-button @click="centerDialogVisible = false">取 消</el-button>
+              <el-button type="primary" @click="SaveStaffInfo('staffform');">保存</el-button>
+               </span>
+          </el-dialog>
+    </div>
+</template>
+
+<script>
+    import Neditor from '@/components/Neditor'
+    import {getToken} from '@/api/qiniu'
+    import {checkMobile, uParseTime} from "@/utils/tools"
+    import {SaveStaffInfo} from '@/api/act/staffmanager'
+    import { getFileExtension} from '@/utils/tools'
+    
+    export default {
+        name: "EditStaffForm",
+          components:{
+           Neditor,
+       },
+        props:{
+         form:{
+          id:0,
+          name:'',
+          phone:'',
+          birthday:'',
+          gender:'',
+          user_type:'',
+          user_title:'',
+          dochead:'',
+          page:1,
+          limit:10,
+          content:'',
+        },
+        staffIndex:{
+          type:Number,
+          default:-1,
+        },
+          staffsData:{
+          type: Array,
+          default: function () {
+          return [];
+         }
+       }, 
+      },
+      data(){
+        var checkMobileRule = (rule, value, callback) => {
+          if (!checkMobile(value)) {
+            callback(new Error('请填写正确的手机号'));
+             }else {
+             callback();
+            }
+          };
+        return{
+          centerDialogVisible: false,
+          qiniuDomain: 'https://images.shengws.com/',
+          uploading: false,
+          uploadData: {token:'',key:''},
+         user_types: [
+            { index: 1, name: '医生' },
+            { index: 2, name: '护士' },
+            { index: 3, name: '运营' },
+            ],
+        user_titles: [
+            { index: 1, name: '医士' },
+            { index: 2, name: '医师' },
+            { index: 3, name: '住院医师' },
+            { index: 4, name: '主治医师' },
+            { index: 5, name: '副主任医师' },
+            { index: 6, name: '主任医师' },
+            { index: 7, name: '护士' },
+            { index: 8, name: '护师' },
+            { index: 9, name: '主管护师' },
+            { index: 10, name: '副主任护师' },
+            { index: 11, name: '主任护师' },
+            { index: 12, name: '运营专员' },
+            { index: 13, name: '运营主管' },
+            ],
+         keyword:'',
+        staffform:[],
+         staffrules:{
+            name: [{required: true, message: "姓名不能为空"},],
+            phone: [{required: true,message:"手机号码不能为空"},{validator:checkMobileRule}],
+            birthday: [{required: true,message:"生日不能为空"}],
+            gender: [{required: true,message:"性别不能为空"}],
+            user_type: [{required: true,message:"职称类别不能为空"}],
+            user_title: [{required: true,message:"职称不能为空"}],
+            content: [{required: true,message:"医生简介不能为空"}],
+            dochead: [{required: true,message:"头像不能为空"}],
+        },
+         genderOptions:[
+          {id:1, name:'男'},
+          {id:2, name:'女'},
+         ],
+         staffData:[], 
+        }
+      },
+      methods:{
+        open:function(){
+           this.centerDialogVisible = true;
+          },
+          staffCreateTime(time) {
+          return uParseTime(time, "{y}-{m}-{d}");
+        },
+            handleAvatarSuccess(res, file) {
+              console.log("路径",res.url,"文件名",file.name)
+              this.form.dochead = this.qiniuDomain + res.url;
+              this.uploading = false;
+              conso.log(this.form.dochead);
+              },
+             beforeAvatarUpload(file) {
+              const isJPG = file.type === 'image/jpeg';
+              console.log("是什么呢",isJPG)
+              const isLt2M = file.size / 1024 / 1024 < 2;
+             if (!isJPG) {
+              this.$message.error('上传头像图片只能是JPG或者png格式!');
+            }
+            if (!isLt2M) {
+              this.$message.error('上传头像图片大小不能超过 2MB!');
+            }
+
+             var date = new Date()
+             var ext = getFileExtension(file.name)
+             var key = date.getFullYear() + (date.getMonth() + 1) + date.getDate() + date.getHours()  + date.getMinutes()  + date.getSeconds()  +'_o_' + file.uid + '.' + ext;
+             this.uploading = true;
+             this.loadingText = '封面图片上传中'
+             const _self = this
+            return new Promise((resolve, reject) => {
+            getToken().then(response => {
+            const token = response.data.data.uptoken
+            console.log("token是什么?",token)
+            _self._data.uploadData.token = token
+             _self._data.uploadData.key = key
+               resolve(true)
+              }).catch(err => {
+                reject(false)
+                })
+               })
+              },
+        handleAvatarError(err, file, fileList) {
+          this.$message.error(err);
+            return false
+          },    
+          
+          SaveStaffInfo(forname){
+             this.$refs[forname].validate((valid)=>{
+                 if(valid){
+                    SaveStaffInfo(this.form.id,this.form).then(response=>{
+                        if(response.data.state==1){
+                           var userStaffInfo =  response.data.data.userStaffInfo;
+                           console.log("heeh",userStaffInfo)
+                           this.centerDialogVisible = false;
+                           this.$message.success("保存成功");
+                           this.staffsData[this.staffIndex].name = userStaffInfo.name;
+                           this.staffsData[this.staffIndex].phone = userStaffInfo.phone;
+                           this.staffsData[this.staffIndex].birthday = userStaffInfo.birthday;
+                           this.staffsData[this.staffIndex].gender = userStaffInfo.gender;
+                           this.staffsData[this.staffIndex].user_type = userStaffInfo.user_type;
+                           this.staffsData[this.staffIndex].user_title = userStaffInfo.user_title;
+                           this.staffsData[this.staffIndex].dochead = userStaffInfo.dochead;
+                           this.staffsData[this.staffIndex].content = userStaffInfo.content;
+                        }
+                    })
+                 }
+             })
+          }
+      }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/scrm_pages/systemsetting/staffmanagement.vue

              </el-row>
          </div>
          <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
-            <el-checkbox style="width: 30px">全选</el-checkbox>
-            <el-button size="small" icon="el-icon-delete" @click="">删除</el-button>
+            <el-checkbox style="width: 30px"  @change="changeCheck" v-model="checkAllStatus">全选</el-checkbox>
+            <el-button size="small" icon="el-icon-delete" @click="openDeleteStaffs">批量删除</el-button>
           </div>
-              <el-table ref="multipleTable" 
-              :header-cell-style="{ backgroundColor: 
-              'rgb(245, 247, 250)'}" 
-              :data="staffData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;">
+              <el-table ref="multipleTable"
+              :header-cell-style="{ backgroundColor:
+              'rgb(245, 247, 250)'}"
+              :data="staffsData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;"
+               @selection-change="handleSelectionChange"
+              >
               <el-table-column
                 type="selection"
                 width="55">
               <el-table-column label="员工" align="center">
                <template slot-scope="scope">
                   <div style="display:flex;align-items: center;">
-                   <img :src="staffAvatar(scope.row)" alt="" srcset="" style="width:50px;height:50px; border-radius:50%;margin-right:5px;" >
+                   <img :src="scope.row.dochead" alt="" srcset="" style="width:50px;height:50px; border-radius:50%;margin-right:5px;" >
                     <div>
                      <span>{{scope.row.name}}</span>
                     </div>
             </el-table-column>
             <el-table-column label="操作" align="center">
               <template slot-scope="scope">
-                <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+                <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
                   <el-button
                     size="mini"
                     type="primary"
                     icon="el-icon-edit-outline"
-                    >
+                    @click="openEdit(scope.row,scope.$index)">
                   </el-button>
-                  </el-tooltip>
+                </el-tooltip>
+                  <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                  <el-button 
+                  size="mini"
+                   type="danger" 
+                   icon="el-icon-delete"
+                    @click="openDelete(scope.row,scope.$index)">
+                   </el-button>
+                </el-tooltip>
               </template>
             </el-table-column>
           </el-table>
           </el-pagination>
             <!-- 添加员工 -->
           <create-staff-form ref="createStaffForm" :staffsData="staffsData"></create-staff-form>
-
+          <!--编辑员工-->
+          <edit-staff-form ref="editStaffForm" :staffsData="staffsData" :form="staffData" :staffIndex = "staffIndex"></edit-staff-form>
     </div>
   </div>
 </template>
 
 <script>
   import BreadCrumb from '../components/bread-crumb'
-  import {getAllStaffInfo} from '@/api/act/staffmanager'
+  import {getAllStaffInfo,DeleteStaffs} from '@/api/act/staffmanager'
   import {getToken} from '@/api/qiniu'
   import {getFileExtension,uParseTime} from '@/utils/tools'
   import CreateStaffForm from "./components/CreateStaffForm";
+  import EditStaffForm from "./components/EditStaffForm";
   export default {
     name: 'articleComment',
     components:{
+      EditStaffForm,
       BreadCrumb,
       CreateStaffForm,
+      EditStaffForm,
     },
     data(){
       return{
           page:1,
           limit:10,
           content:'',
+        },
+        staffData:{
+          id:0,
+          name:'',
+          phone:'',
+          birthday:'',
+          gender:'',
+          user_type:'',
+          user_title:'',
+          dochead:'',
+          page:1,
+          limit:10,
+          content:'',
         },
          total:0,
          keyword:'',
         staffform:[],
-         staffData:[],
+        staffIndex:-1,
+        checkAllStatus:false,
       }
     },
     methods: {
         getAllStaffInfo(){
           getAllStaffInfo(this.form,this.keyword).then(response=>{
             if(response.data.state ==1){
-              this.staffData = response.data.data.userStaffInfo;
-              console.log("数据",this.staffData)
+              this.staffsData = response.data.data.userStaffInfo;
+              
+              console.log("员工管理数据",this.staffsData)
               this.total = response.data.data.total;
               console.log("总页数",this.total)
            }
                 return "医师";
             }else if(title == 3){
                 return "住院医师";
+            }else if(title == 4){
+                return "主治医师";
+            }else if(title == 5){
+                return "副主任医师";
+            }else if(title == 6){
+                return "主任医师";
+            }else if (title == 7){
+                return "护士";
+            }else if (title == 8){
+                return "护师";
+            }else if (title == 9){
+                return "主管护师";
+            }else if (title ==10){
+                return "副主任护师";
+            }else if (title == 11){
+                return "主任护师";
+            }else if (title == 12) {
+                return "运营专员";
+            }else if (title == 13) {
+                 return "运营主管";
             }
 
-        },     
-          changeKey(){
-          this.getAllStaffInfo()
+        },
+        changeKey(){
+          this.getAllStaffInfo();
          },
+        openEdit(row,index){
+           for(const key in this.staffData){
+             if(key === "birthday" && row.birthday!=0){    
+                this.staffData.birthday = uParseTime(row.birthday, "{y}-{m}-{d}");
+             }else if(key in row){
+                this.staffData[key] = row [key];
+                }
+                console.log("数据是多少",this.staffsData)
+                this.staffIndex = index;
+                this.$refs.editStaffForm.open();
+           }
+        },
+        openDelete(row,index){
+           this.$confirm('确认要删除该会员吗？<br>删除后，该会员信息将无法恢复','删除提示',{
+            dangerouslyUseHTMLString:true,
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+           }).then(()=>{
+               var ids = [];
+              ids.push(row.id);
+              DeleteStaffs({ids:ids}).then(response=>{
+                    if(response.data.state == 1){
+                        this.staffsData.splice(index, 1);
+                        this.$message.success("删除会员成功");
+                    }else{
+                      this.$message.error(res.msg);
+                    }
+              }).catch(e=>{});
+           }).catch(() => {
+            return false        
+          }); 
+        },
+         changeCheck(){
+          this.$refs.multipleTable.clearSelection();
+          if (this.checkAllStatus) {
+            this.$refs.multipleTable.toggleAllSelection();
+          }
+        },
+          handleSelectionChange(val){
+          this.selectedStaffs = val;
+        },
+        openDeleteStaffs(){
+          if (this.selectedStaffs.length==0) {
+            this.$message.error("请选择要删除的会员");
+            return false;
+          }
+          this.$confirm('确认要删除所选的人员吗? <br>删除后,人员信息将无法恢复','删除提示',{
+             dangerouslyUseHTMLString:true,
+             confirmButtonText: '确定',
+             cancelButtonText: '取消',
+             type: 'warning'  
+          }).then(()=>{
+             var ids = [];
+             var idMap = {};
+            for (const index in this.selectedStaffs) {
+              ids.push(this.selectedStaffs[index].id);
+              idMap[this.selectedStaffs[index].id] = this.selectedStaffs[index].id;
+            }
+             
+             DeleteStaffs({ids:ids}).then(response=>{
+                if(response.data.state==1){
+                     var membersDataLength = this.staffsData.length;
+                for (let index = membersDataLength-1; index >= 0; index--) {
+                  if(this.staffsData[index].id in idMap) {
+                    this.staffsData.splice(index, 1);
+                  }                  
+                }
+                  this.$message.success("删除会员成功");
+                }else{
+                   this.$message.error(res.msg);
+                }
+             }).catch(e=>{});
+          }).catch(() => {
+            return false        
+          });
+        }
     },
     created(){
       this.getAllStaffInfo();