修改

src/api/manage/script.js

@@ -70,9 +70,9 @@ export function delScript(id) {
     })
 }
 // 左侧科室
-export function listServicePackageNum(query) {
+export function listScriptNum(query) {
     return request({
-        url: '/system/department/listServicePackageNum',
+        url: '/system/department/listScriptNum',
         method: 'get',
         params: query
     })

src/views/manage/message/index.vue

@@ -139,7 +139,12 @@
             label="适用任务类型"
             align="center"
             prop="suitTaskTypeName"
-          />
+          >
+          <template slot-scope="scope">
+            {{scope.row.suitTaskTypeName!="null"?scope.row.suitTaskTypeName:''}}
+  
+          </template>
+          </el-table-column>
           <el-table-column
             label="短信通道"
             align="center"
@@ -639,9 +644,6 @@ export default {
     this.getList();
     this.Departmentlist();
     this.typelistdata();
-    listMessage(this.queryParams).then(response => {
-      this.count = response.total;
-    });
   },
   methods: {
     /** 查询微信模板信息列表 */
@@ -671,10 +673,14 @@ export default {
       this.loading = true;
       listMessageNum(this.querydepartmen).then(response => {
         this.DepartmentoList = response.data;
-        // this.count=this.DepartmentoList.length
+        let sum = 0;
-        console.log(this.DepartmentoList)
+        this.DepartmentoList.forEach((item) => {
-
+          if (item.countNum != null) {
-        // this.total = response.total;
+            console.log(item.countNum)
+            sum += item.countNum;
+          }
+          this.count = sum;
+        });
         this.loading = false;
       });
 
@@ -904,14 +910,6 @@ export default {
         return delMessage(ids);
       }).then(() => {
         this.getList();
-        var quer = {
-          pageNum: 1,
-          pageSize: 10,
-
-        }
-        listMessage(quer).then(response => {
-          this.count = response.total;
-        });
         this.Departmentlist();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });

src/views/manage/script/index.vue

@@ -83,7 +83,6 @@
         >
       </el-col>
 
-
       <!-- <el-col :span="1.5">
         <el-button
           type="warning"
@@ -119,7 +118,7 @@
             >
               全部
             </div>
-               <span class="count">{{count}}</span>
+            <span class="count">{{ count }}</span>
           </div>
           <div
             class="listitem"
@@ -130,8 +129,7 @@
             <div :class="itemname == item.id ? 'allactive' : 'all'">
               {{ item.departmentName }}
             </div>
-            <span class="count">{{item.countNum}}</span>
+            <span class="count">{{ item.countNum }}</span>
-
           </div>
         </div>
       </el-col>
@@ -153,11 +151,26 @@
             label="通用话术名称"
             align="center"
             prop="commonScriptName"
-            :show-overflow-tooltip="true" 
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="话术名称"
+            align="center"
+            prop="scriptName"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="话术ID"
+            align="center"
+            prop="scriptId"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="平台ID"
+            align="center"
+            prop="platformId"
+            :show-overflow-tooltip="true"
           />
-          <el-table-column label="话术名称" align="center" prop="scriptName"   :show-overflow-tooltip="true" />
-          <el-table-column label="话术ID" align="center" prop="scriptId"   :show-overflow-tooltip="true" />
-          <el-table-column label="平台ID" align="center" prop="platformId"   :show-overflow-tooltip="true" />
           <el-table-column label="话术状态" align="center" prop="scriptStatus">
             <template slot-scope="scope">
               {{ scope.row.scriptStatus == "NORMAL" ? "正常" : "" }}
@@ -169,13 +182,13 @@
             label="话术简介"
             align="center"
             prop="scriptIntroduction"
-            :show-overflow-tooltip="true" 
+            :show-overflow-tooltip="true"
           />
           <el-table-column
             label="病种名称"
             align="center"
             prop="diseaseTypeName"
-            :show-overflow-tooltip="true" 
+            :show-overflow-tooltip="true"
           />
           <el-table-column
             label="操作"
@@ -331,20 +344,13 @@
             "
             >{{ diseaseTypeName }}</el-button
           >
-          <!-- <el-select
+        </el-form-item>
-            v-model="form.diseaseTypeId"
+        <el-form-item label="图片" prop="platformId">
-            placeholder="请选择病种名称"
+          <stationAcatar
-            style="width: 379px"
+            @imgUrl="imgUrl"
-            @change="diseasechange"
+            :img="form.propagandaCoverPath"
-          >
+            :type="'propagandaCoverUrl'"
-            <el-option
+          />
-              v-for="item in optionsDisease"
-              :key="item.diseaseTypeCode"
-              :label="item.diseaseTypeName"
-              :value="item.diseaseTypeCode"
-            >
-            </el-option>
-          </el-select> -->
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -505,65 +511,14 @@
         @pagination="infodisease"
       />
     </el-dialog>
-    <!-- 分类管理 -->
-    <!-- <el-dialog
-      :title="titlemanagement"
-      :visible.sync="openmanagement"
-      width="500px"
-      append-to-body
-    >
-      <el-form
-        ref="formmanagement"
-        :model="formmanagement"
-        :rules="rulesmanagement"
-        label-width="80px"
-      >
-        <el-form-item label="科室名称" prop="departmentName">
-          <el-select
-            v-model="formmanagement.departmentName"
-            placeholder="请选择病种名称"
-            style="width: 379px"
-            disabled
-          >
-            <el-option
-              v-for="item in optionsDisease"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="病种名称" prop="diseaseTypeName">
-          <el-select
-            v-model="formmanagement.diseaseTypeName"
-            placeholder="请选择病种名称"
-            style="width: 379px"
-            @change="diseasechange"
-          >
-            <el-option
-              v-for="item in optionsDisease"
-              :key="item.diseaseTypeCode"
-              :label="item.diseaseTypeName"
-              :value="item.diseaseTypeCode"
-            >
-            </el-option>
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitmanagement">确 定</el-button>
-        <el-button @click="cancelmanagement">取 消</el-button>
-      </div>
-    </el-dialog> -->
   </div>
 </template>
 
 <script>
-import { listScript, getScript, delScript, addScript, updateScript, departmentDisease, department, listDisease,listServicePackageNum } from "@/api/manage/script";
+import { listScript, getScript, delScript, addScript, updateScript, departmentDisease, department, listDisease, listScriptNum } from "@/api/manage/script";
-
+import stationAcatar from "../../system/stationAvatar/index.vue";
 export default {
+  components: { stationAcatar },
   name: "Script",
   data() {
     return {
@@ -572,7 +527,8 @@ export default {
       diseaseTypeName: null,
       name: '',
       departmentId: null,
-      count:'',//全部
+      count: '',//全部
+      sumcount:'',
 
 
 
@@ -746,8 +702,8 @@ export default {
         scriptIntroduction: [
           { required: true, message: "话术简介不能为空", trigger: "blur" }
         ],
-        departmentId:[
+        departmentId: [
-        { required: true, message: "科室名称不能为空", trigger: "blur" }
+          { required: true, message: "科室名称不能为空", trigger: "blur" }
 
         ],
 
@@ -758,10 +714,7 @@ export default {
   created() {
     this.getList();
     this.Departmentlist();
-    listScript(this.queryParams).then(response => {
+
-        this.count = response.total;
-    
-      });
   },
   watch: {
     name(val) {
@@ -770,6 +723,10 @@ export default {
     }
   },
   methods: {
+    // 上传图片
+    imgUrl(imgUrl) {
+      this.form.propagandaCoverPath = imgUrl;
+    },
     // 点击科室
     clickinnerVisible() {
       this.innerVisibleshow = true;
@@ -852,10 +809,18 @@ export default {
     // 左侧科室
     Departmentlist() {
       this.loading = true;
-      listServicePackageNum(this.querydepartmen).then(response => {
+      listScriptNum(this.querydepartmen).then(response => {
         this.DepartmentoList = response.data;
-        // this.total = response.total;
+        //定义                   
-     
+        let sum = 0;
+        this.DepartmentoList.forEach((item) => {
+          if(item.countNum !=null){
+            console.log(item.countNum)
+          sum += item.countNum;
+  
+          }
+          this.count = sum;
+        });
         this.loading = false;
       });
 
@@ -929,7 +894,7 @@ export default {
     resetQuery() {
       this.queryParams.departmentId = null;
       this.itemname = null;
-      this.queryParams={
+      this.queryParams = {
         pageNum: 1,
         pageSize: 10,
         departmentId: null,
@@ -944,7 +909,6 @@ export default {
         scriptIntroduction: null,
         scriptSort: null,
         scriptRemark: null,
-
       }
       this.resetForm("queryForm");
       this.getList();
@@ -960,9 +924,9 @@ export default {
       this.reset();
       if (this.itemname) {
         this.form.departmentName = this.departmentName
-        this.form.departmentId=this.itemname
+        this.form.departmentId = this.itemname
-      } else if(this.itemname == null){
+      } else if (this.itemname == null) {
-          this.departmentName = "请选择科室"
+        this.departmentName = "请选择科室"
       }
       else {
         this.departmentName = "请选择科室"
@@ -970,7 +934,7 @@ export default {
       this.diseaseTypeName = "请选择病种"
 
       this.open = true;
-   
+
 
       this.title = "添加话术信息";
       // this.getDisease();
@@ -986,18 +950,16 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-
+      this.reset();
-        this.reset();
+      const id = row.id || this.ids
-        const id = row.id || this.ids
+      // this.getDisease();
-        // this.getDisease();
+      getScript(id).then(response => {
-        getScript(id).then(response => {
+        this.form = response.data;
-          this.form = response.data;
+        this.diseaseTypeName = response.data.diseaseTypeName
-          this.diseaseTypeName = response.data.diseaseTypeName
+        this.departmentName = response.data.departmentName
-          this.departmentName = response.data.departmentName
+        this.open = true;
-          this.open = true;
+        this.title = "修改话术信息";
-          this.title = "修改话术信息";
+      });
-        });
-
     },
     /** 提交按钮 */
     submitForm() {
@@ -1005,54 +967,38 @@ export default {
         if (valid) {
           if (this.form.id != null) {
             this.form.departmentName = this.departmentName
-          this.form.diseaseTypeName = this.diseaseTypeName
+            this.form.diseaseTypeName = this.diseaseTypeName
             updateScript(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-          if(this.diseaseTypeName == "请选择病种"){
+            if (this.diseaseTypeName == "请选择病种") {
-            this.form.diseaseTypeName==null
+              this.form.diseaseTypeName == null
 
-          }else{
+            } else {
-          this.form.diseaseTypeName = this.diseaseTypeName
+              this.form.diseaseTypeName = this.diseaseTypeName
-          }
+            }
-          if(this.itemname){
+            if (this.itemname) {
- 
+              this.form.departmentName = this.departmentName
-            this.form.departmentName = this.departmentName
+              this.form.departmentId = this.itemname
-        this.form.departmentId=this.itemname
 
-          }else{
+            } else {
-            this.form.departmentName = this.departmentName
+              this.form.departmentName = this.departmentName
-
-          }
-              addScript(this.form).then(response => {
-                this.$modal.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              });
 
             }
+            addScript(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+              this.Departmentlist();
+            });
+
+          }
         }
       });
     },
-    // 分类管理提交
-    submitmanagement() {
-      this.formmanagement.diseaseTypeId = this.form.diseaseTypeId
-      this.formmanagement.departmentId = this.itemname
-
-      this.$refs["formmanagement"].validate(valid => {
-        if (valid) {
-          updateScript(this.formmanagement).then(response => {
-            this.$modal.msgSuccess("修改成功");
-            this.open = false;
-            this.getList();
-          });
-        }
-      });
-
-    },
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
@@ -1060,16 +1006,7 @@ export default {
         return delScript(ids);
       }).then(() => {
         this.getList();
-    
+        this.Departmentlist();
-        var quer={
-          pageNum: 1,
-        pageSize: 10,
-        }
-    listScript(quer).then(response => {
-        this.count = response.total;
-    
-      });
-      this.Departmentlist();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });
     },
@@ -1095,14 +1032,14 @@ export default {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
-    .count{
+    .count {
-    display: inline-block;
+      display: inline-block;
-    position: relative;
+      position: relative;
-    // right: -172px;
+      // right: -172px;
-    left: 210px;
+      left: 210px;
-    color: #a4a6aa;
+      color: #a4a6aa;
-    top: -35px;
+      top: -35px;
-    font-size: 13px;
+      font-size: 13px;
     }
     .all {
       height: 50px;

src/views/manage/servicepackage/index.vue

@@ -719,7 +719,7 @@
       title="提示"
       :visible.sync="dialogexamine"
       width="30%"
-      :before-close="handleClose"
+      :before-close="amineClose"
       center
     >
       <span style="font-size: 18px; margin-left: 55px">是否同意发布？</span>
@@ -915,7 +915,6 @@ export default {
   },
   created() {
     this.getList();
-    this.getlistcount();
     this.Departmentlist();
   },
   methods: {
@@ -944,6 +943,7 @@ this.$set(this.form,'packageTermUnit',e);
 
       });
     },
+    // 详情关闭
     handleClose(){
       this.detailshow=false
     },
@@ -969,7 +969,7 @@ this.$set(this.form,'packageTermUnit',e);
     },
     // 发布关闭按钮
 
-    handleClose() {
+    amineClose() {
       this.dialogexamine = false
     },
     // 发布不同意按钮
@@ -1058,6 +1058,14 @@ this.$set(this.form,'packageTermUnit',e);
       this.loading = true;
       listServicePackageNum(this.querydepartmen).then(response => {
         this.DepartmentoList = response.data;
+        let sum = 0;
+        this.DepartmentoList.forEach((item) => {
+          if (item.countNum != null) {
+            console.log(item.countNum)
+            sum += item.countNum;
+          }
+          this.count = sum;
+        });
         this.loading = false;
       });
     },
@@ -1076,17 +1084,6 @@ this.$set(this.form,'packageTermUnit',e);
 
       }
     },
-    // 获取总数
-    getlistcount() {
-      var qure = {
-        pageNum: 1,
-        pageSize: 10,
-
-      }
-      listServicepackage(qure).then(response => {
-        this.count = response.total;
-      });
-    },
     // 点击科室
     clickinnerVisible() {
       this.innerVisibleshow = true;
@@ -1246,6 +1243,7 @@ this.$set(this.form,'packageTermUnit',e);
     },
     // 修改
     handleUpdate(row) {
+      this.getserviceWayList()
       const id = row.id || this.ids
       getServicepackage(id).then(response => {
         this.form = response.data;
@@ -1281,6 +1279,7 @@ this.$set(this.form,'packageTermUnit',e);
         this.departmentName = response.data.departmentName
         this.open = true;
         this.title = "复制服务包基础信息";
+        this.Departmentlist();
       });
     },
     // 复制确定
@@ -1342,7 +1341,6 @@ this.$set(this.form,'packageTermUnit',e);
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
-              this.getlistcount()
             });
           } else {
             if (this.diseaseTypeName == "请选择病种") {
@@ -1361,10 +1359,9 @@ this.$set(this.form,'packageTermUnit',e);
             }
             addServicepackage(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
-
               this.open = false;
               this.getList();
-              this.getlistcount()
+              this.Departmentlist()
             });
 
           }
@@ -1381,7 +1378,7 @@ this.$set(this.form,'packageTermUnit',e);
         return delServicepackage(ids);
       }).then(() => {
         this.getList();
-        this.getlistcount()
+        this.Departmentlist();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });
     },

src/views/manage/template/index.vue

@@ -567,9 +567,6 @@ export default {
     this.getList();
     this.Departmentlist();
     this.typelistdata();
-    listTemplate(this.queryParams).then(response => {
-      this.count = response.total;
-    });
   },
   methods: {
     /** 查询微信模板信息列表 */
@@ -599,10 +596,15 @@ export default {
       this.loading = true;
       listWechatTemplateNum(this.querydepartmen).then(response => {
         this.DepartmentoList = response.data;
-        // this.count=this.DepartmentoList.length
+        let sum = 0;
+        this.DepartmentoList.forEach((item) => {
+          if (item.countNum != null) {
+            console.log(item.countNum)
+            sum += item.countNum;
+          }
+          this.count = sum;
+        });
 
-
-        // this.total = response.total;
         this.loading = false;
       });
 
@@ -618,12 +620,8 @@ export default {
         this.getList()
       } else {
         this.queryParams.departmentId = ''
-       
         this.itemname = null
         this.getList()
-        listTemplate(this.queryParams).then(response => {
-          this.count = response.total;
-        });
       }
     },
 
@@ -771,20 +769,20 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-  
+
-        this.reset();
+      this.reset();
-        const id = row.id || this.ids
+      const id = row.id || this.ids
-        // this.getDisease();
+      // this.getDisease();
-        this.typelistdata();
+      this.typelistdata();
-        getTemplate(id).then(response => {
+      getTemplate(id).then(response => {
-          this.form = response.data;
+        this.form = response.data;
-          this.form.suitTaskTypeIds = response.data.suitTaskTypeIds
+        this.form.suitTaskTypeIds = response.data.suitTaskTypeIds
-          this.diseaseTypeName = response.data.diseaseTypeName
+        this.diseaseTypeName = response.data.diseaseTypeName
-          this.departmentName = response.data.departmentName
+        this.departmentName = response.data.departmentName
-          this.open = true;
+        this.open = true;
-          this.title = "修改信息";
+        this.title = "修改信息";
-        });
+      });
-      
+
     },
     /** 提交按钮 */
     submitForm() {
@@ -798,6 +796,8 @@ export default {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
+              this.Departmentlist();
+
             });
           } else {
             if (this.diseaseTypeName == "请选择病种") {
@@ -818,6 +818,9 @@ export default {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
+              this.Departmentlist();
+
+
             });
 
           }
@@ -831,14 +834,6 @@ export default {
         return delTemplate(ids);
       }).then(() => {
         this.getList();
-        var quer = {
-          pageNum: 1,
-          pageSize: 10,
-
-        }
-        listTemplate(quer).then(response => {
-          this.count = response.total;
-        });
         this.Departmentlist();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });

src/views/operationInfo/operationInfo/index.vue

@@ -66,9 +66,8 @@
               @click="itemdata()"
             >
               全部
-             
             </div>
-            <span class="count">{{count}}</span>
+            <span class="count">{{ count }}</span>
           </div>
           <div
             class="listitem"
@@ -79,8 +78,7 @@
             <div :class="itemname == item.id ? 'allactive' : 'all'">
               {{ item.departmentName }}
             </div>
-            <span class="count">{{item.countNum}}</span>
+            <span class="count">{{ item.countNum }}</span>
-
           </div>
         </div>
       </el-col>
@@ -186,7 +184,6 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-   
   </div>
 </template>
 
@@ -200,7 +197,7 @@ export default {
       itemname: null,
       disabled: false,
       name: '',
-      count:'',//全部
+      count: '',//全部
       // 用户导入参数
       upload: {
         // 是否显示弹出层（用户导入）
@@ -286,10 +283,6 @@ export default {
   created() {
     this.getList();
     this.Departmentlist();
-    listOperationInfo(this.queryParams).then(response => {
-        this.count = response.total;
-        this.loading = false;
-      });
   },
   watch: {
     name(val) {
@@ -323,10 +316,14 @@ export default {
       this.loading = true;
       listOperationNum(this.querydepartmen).then(response => {
         this.DepartmentoList = response.data;
-        // this.count=this.DepartmentoList.length
+        let sum = 0;
-        console.log(this.DepartmentoList)
+        this.DepartmentoList.forEach((item) => {
-
+          if (item.countNum != null) {
-        // this.total = response.total;
+            console.log(item.countNum)
+            sum += item.countNum;
+          }
+          this.count = sum;
+        });
         this.loading = false;
       });
 
@@ -336,7 +333,7 @@ export default {
       this.loading = true;
       listOperationInfo(this.queryParams).then(response => {
         this.operationInfoList = response.rows;
-        this.operationInfoList.forEach(e=>{
+        this.operationInfoList.forEach(e => {
           console.log(e)
         })
         this.total = response.total;
@@ -384,7 +381,7 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
       this.queryParams.departmentId = null;
-        this.itemname = null;
+      this.itemname = null;
       this.resetForm("queryForm");
       this.getList();
       // this.handleQuery();
@@ -414,40 +411,41 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-        this.reset() 
+      this.reset()
-        this.form.operationInfo = '';
+      this.form.operationInfo = '';
+      this.open = true;
+      const id = row.id || this.ids
+      getOperationInfo(id).then(response => {
+        this.form.operationInfo = response.data.operationInfo;
+        this.form.operationName = response.data.operationName;
+        this.form.departmentId = response.data.departmentId;
+        this.form.departmentName = response.data.departmentName;
+        this.form.id = response.data.id;
         this.open = true;
-        const id = row.id || this.ids
+        this.title = "修改手术信息";
-        getOperationInfo(id).then(response => {
+        if (this.title == "修改手术信息") {
-          this.form.operationInfo= response.data.operationInfo;
+          // this.disabled = true
-          this.form.operationName= response.data.operationName;
+        }
-          this.form.departmentId= response.data.departmentId;
+      });
-          this.form.departmentName= response.data.departmentName;
-          this.form.id= response.data.id;
-          this.open = true;
-          this.title = "修改手术信息";
-          if (this.title == "修改手术信息") {
-            // this.disabled = true
-          }
-        });
 
     },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
         if (valid) {
-          console.log(this.form,'00000')
           if (this.form.id) {
             updateOperationInfo(this.form).then(response => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
+              this.Departmentlist();
             });
           } else {
             addOperationInfo(this.form).then(response => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
+              this.Departmentlist();
             });
           }
         }
@@ -460,15 +458,7 @@ export default {
         return delOperationInfo(ids);
       }).then(() => {
         this.getList();
-        var quer={
+        this.Departmentlist();
-          pageNum: 1,
-        pageSize: 10,
-        }
-        listOperationInfo(quer).then(response => {
-        this.count = response.total;
-        this.loading = false;
-      });
-      this.Departmentlist();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => { });
     },
@@ -493,14 +483,14 @@ export default {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
-    .count{
+    .count {
-    display: inline-block;
+      display: inline-block;
-    position: relative;
+      position: relative;
-    // right: -172px;
+      // right: -172px;
-    left: 210px;
+      left: 210px;
-    color: #a4a6aa;
+      color: #a4a6aa;
-    top: -35px;
+      top: -35px;
-    font-size: 13px;
+      font-size: 13px;
     }
     .all {
       height: 50px;