页面修改

src/components/sale/sale-form.vue

@@ -49,6 +49,11 @@
   .el-select-dropdown {
     z-index: 9999 !important;
   }
+
+  .CusTask_Date .el-input__inner {
+    background: transparent !important;
+    border: 0 !important;
+  }
 </style>
 <template>
   <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale">
@@ -69,55 +74,40 @@
         </div>
         <div class="row wrap q-pb-lg">
           <div class="col-6">
-            <q-input filled v-model="objOption.TaskStartTime" class="q-pr-lg" mask="date" label="开始时间">
-              <template v-slot:append>
-                <q-icon name="event" class="cursor-pointer">
-                  <q-popup-proxy ref="qDateProxy1" cover transition-show="scale" transition-hide="scale">
-                    <q-date v-model="objOption.TaskStartTime">
-                      <div class="row items-center justify-end">
-                        <q-btn v-close-popup label="Close" color="primary" flat />
-                      </div>
-                    </q-date>
-                  </q-popup-proxy>
-                </q-icon>
+            <div class="CusTask_Date">
+              <q-field filled stack-label label="开始时间" class="col-6 q-pb-lg q-pr-lg">
+                 <template v-slot:control>
+                  <el-date-picker v-model="objOption.TaskStartTime" value-format='yyyy-MM-dd HH:mm:ss' type="datetime"
+                    size="small" clear-icon="iconfont icon-guanbi"></el-date-picker>    
                 </template>
-            </q-input>
+              </q-field>
             </div>
-          <div class="col-6">
-            <q-input filled v-model="objOption.TaskEndTime" mask="date" label="结束时间">
-              <template v-slot:append>
-                <q-icon name="event" class="cursor-pointer">
-                  <q-popup-proxy ref="qDateProxy2" cover transition-show="scale" transition-hide="scale">
-                    <q-date v-model="objOption.TaskEndTime">
-                      <div class="row items-center justify-end">
-                        <q-btn v-close-popup label="Close" color="primary" flat />
           </div>
-                    </q-date>
-                  </q-popup-proxy>
-                </q-icon>
+          <div class="col-6">
+            <div class="CusTask_Date">
+              <q-field filled stack-label label="结束时间" class="col-6 q-pb-lg">
+                 <template v-slot:control>
+                  <el-date-picker v-model="objOption.TaskEndTime" value-format='yyyy-MM-dd HH:mm:ss' type="datetime"
+                    size="small" clear-icon="iconfont icon-guanbi"></el-date-picker>    
                 </template>
-            </q-input>
+              </q-field>
+            </div>
           </div>
         </div>
         <div class="row wrap">
           <div class="col-6">
-            <q-input filled v-model="objOption.ExchangeEndTime" class="q-pr-lg" mask="date" label="兑换截止日期">
-              <template v-slot:append>
-                <q-icon name="event" class="cursor-pointer">
-                  <q-popup-proxy ref="ExchangeEndTime" cover transition-show="scale" transition-hide="scale">
-                    <q-date v-model="objOption.ExchangeEndTime">
-                      <div class="row items-center justify-end">
-                        <q-btn v-close-popup label="Close" color="primary" flat />
-                      </div>
-                    </q-date>
-                  </q-popup-proxy>
-                </q-icon>
+            <div class="CusTask_Date">
+              <q-field filled stack-label label="兑换截止日期" class="col-6 q-pb-lg q-pr-lg">
+                 <template v-slot:control>
+                  <el-date-picker v-model="objOption.ExchangeEndTime" value-format='yyyy-MM-dd HH:mm:ss' type="datetime"
+                    size="small" clear-icon="iconfont icon-guanbi"></el-date-picker>    
                 </template>
-            </q-input>
+              </q-field>
+            </div>
           </div>
           <div class="col-6">
-            <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.TaskFinishType"
-              :options="finishTypeObj" label="请选择" dense emit-value map-options />
+            <q-select filled option-value="Id" option-label="Name" v-model="objOption.TaskFinishType"
+              :options="finishTypeObj" label="任务完成类型" emit-value map-options />
           </div>
         </div>
         <div class="row wrap" style="margin-top:20px;">
@@ -136,9 +126,8 @@
             </el-upload>
           </div>
         </div>
-
         <div class="q-pt-none scroll" style="max-height:60hv;margin-bottom:20px;">
-          <q-btn color="accent" size="sm" icon="add" style="margin-bottom:20px;" label="新增子任务" @click="addSubTask()" />
+          <q-btn color="accent" size="sm" icon="add" style="margin-bottom:20px;" label="新增完成条件" @click="addSubTask()" />
           <template v-for="(sItem, sIndex) in objOption.DetailsList">
             <div :key="sIndex" class="Details_List">
               <q-input filled stack-label maxlength="20" style="width:523px;" dense v-model="sItem.DetailsName"
@@ -199,7 +188,6 @@
                 @click="deleSubTask(index)" />
             </div>
           </template>
-
         </div>
         <div class="row wrap">
           <div class="col-12">

src/components/sale/stopbill-form.vue

 <!--停课表单审核信息-->
 <style>
-.backbill-Dialog .drawerTop {
+  .backbill-Dialog .drawerTop {
     width: 100%;
     height: 50px;
     display: flex;
@@ -8,137 +8,135 @@
     background-color: #f0f5fb;
     padding: 5px 10px;
     align-items: center;
-}
+  }
 
-.backbill-Dialog .classFirst {
+  .backbill-Dialog .classFirst {
     color: #000000;
     font-weight: bold;
-}
+  }
 
-.backbill-Dialog .className {
+  .backbill-Dialog .className {
     margin-left: 10px;
-}
+  }
 
-.backbill-Dialog .classStatus {
+  .backbill-Dialog .classStatus {
     padding: 3px 8px;
     background-color: #c8d7fc;
     color: #2961fe;
     font-size: 12px;
     border-radius: 2px;
     margin-left: 20px;
-}
+  }
 
-.backbill-Dialog .normalName {
+  .backbill-Dialog .normalName {
     color: #999999;
-}
+  }
 
-.backbill-Dialog .normalInner {
+  .backbill-Dialog .normalInner {
     color: #111111;
-}
+  }
 
-.drop_NameDown {
+  .drop_NameDown {
     margin-top: 20px;
     width: 300px;
-}
+  }
 
-.backinfoContent {
+  .backinfoContent {
     margin: 10px;
     padding-bottom: 80px;
-}
+  }
 
-.backinfoContent .role_Line {
+  .backinfoContent .role_Line {
     width: 3px;
     height: 11px;
     margin-right: 10px;
     background-color: #3fc4ff;
     display: inline-block;
-}
+  }
 
-.backinfoContent .backinfo_Item {
+  .backinfoContent .backinfo_Item {
     color: #000000;
     font-weight: bold;
-}
+  }
 
-.backinfoContent .backInfo_One {
+  .backinfoContent .backInfo_One {
     margin: 20px 0;
-}
+  }
 
-.backinfoContent .backOtherInfo {
+  .backinfoContent .backOtherInfo {
     color: #111111;
-}
+  }
 
-.backinfoContent .backInfo_Title {
+  .backinfoContent .backInfo_Title {
     display: inline-block;
     width: 75px;
     text-align: left;
     color: #999999;
-}
+  }
 
-.backinfoContent .replayReason {
+  .backinfoContent .replayReason {
     width: 100%;
     min-height: 100px;
     background-color: #f0f5fb;
     border-radius: 3px;
     padding: 20px;
     margin: 20px 0;
-}
+  }
 
-.backinfoContent .replay_Title {
+  .backinfoContent .replay_Title {
     font-weight: bold;
     color: #111111;
-}
+  }
 
-.backinfoContent .chaosong_Peo {
+  .backinfoContent .chaosong_Peo {
     display: inline-block;
     padding: 2px 3px;
     color: #fff;
     border-radius: 3px;
     margin: 0 5px 5px 0;
     background-color: #9cf;
-}
+  }
 
-.backinfoContent .topBaseInfo {
+  .backinfoContent .topBaseInfo {
     /* height: 300px; */
     overflow: auto;
-}
+  }
 
-.topBaseInfo::-webkit-scrollbar {
+  .topBaseInfo::-webkit-scrollbar {
     width: 3px;
     height: 3px;
     background-color: #f5f5f5;
-}
+  }
 
-/*!*定义滚动条轨道 内阴影+圆角*!*/
-.topBaseInfo::-webkit-scrollbar-track {
+  /*!*定义滚动条轨道 内阴影+圆角*!*/
+  .topBaseInfo::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 10px;
     background-color: #f5f5f5;
-}
+  }
 
-/*!*定义滑块 内阴影+圆角*!*/
-.topBaseInfo::-webkit-scrollbar-thumb {
+  /*!*定义滑块 内阴影+圆角*!*/
+  .topBaseInfo::-webkit-scrollbar-thumb {
     border-radius: 10px;
-  -webkit-box-shadow: -webkit-gradient(
-    linear,
+    -webkit-box-shadow: -webkit-gradient(linear,
         0 0,
         0 100%,
         color-stop(0.5, rgba(255, 255, 255, 0.2)),
         color-stop(0.5, transparent),
-    to(transparent)
-  );
+        to(transparent));
     background-color: #0ae;
-}
+  }
 
-._addUpload_box {
+  ._addUpload_box {
     display: block;
     margin-top: 15px;
-}
+  }
 
-._addUpload_box img {
+  ._addUpload_box img {
     width: 100%;
-}
+  }
 
-._addUpload_box > div {
+  ._addUpload_box>div {
     float: left;
     width: 138px;
     height: 92px;
@@ -150,21 +148,21 @@
     margin-right: 10px;
     position: relative;
     text-align: center;
-}
+  }
 
-._addUpload_box > div:hover {
+  ._addUpload_box>div:hover {
     background-color: #f5f5f5;
-}
+  }
 
-._addFile_name {
+  ._addFile_name {
     padding-left: 15px;
     max-width: 450px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-}
+  }
 
-._addUpload_box .icon-guanbi1 {
+  ._addUpload_box .icon-guanbi1 {
     font-size: 12px;
     color: white;
     display: inline-block;
@@ -178,30 +176,31 @@
     width: 20px;
     text-align: center;
     line-height: 20px;
-}
+  }
 
-._addUpload_box .icon-guanbi1:hover {
+  ._addUpload_box .icon-guanbi1:hover {
     font-size: 12px;
     color: #c94052;
-}
-
-.._addUpload_box .icon-excel,
-._addUpload_box .icon-pdf,
-._addUpload_box .icon-txt,
-._addUpload_box .icon-wenjian,
-._addUpload_box .icon-yasuobao,
-._addUpload_box .icon-shipin,
-._addUpload_box .icon-word {
+  }
+
+  .._addUpload_box .icon-excel,
+  ._addUpload_box .icon-pdf,
+  ._addUpload_box .icon-txt,
+  ._addUpload_box .icon-wenjian,
+  ._addUpload_box .icon-yasuobao,
+  ._addUpload_box .icon-shipin,
+  ._addUpload_box .icon-word {
     text-align: center;
     font-size: 38px;
     color: green;
     line-height: 75px;
-}
-._addUpload_box .icon-yasuobao {
+  }
+
+  ._addUpload_box .icon-yasuobao {
     color: gray;
-}
+  }
 
-._show_img_box {
+  ._show_img_box {
     position: fixed;
     background: rgba(0, 0, 0, 0.6);
     left: 0;
@@ -210,35 +209,25 @@
     height: 100%;
     z-index: 999;
     text-align: center;
-}
+  }
 
-._addUpload_tips {
+  ._addUpload_tips {
     font-size: 12px;
     color: #999999;
-}
+  }
 
-._jump_page {
+  ._jump_page {
     cursor: pointer;
     text-decoration: underline;
-}
+  }
 
-._jump_page:hover {
+  ._jump_page:hover {
     color: #c94052;
-}
+  }
 </style>
 <template>
-  <q-dialog
-    v-model="persistent"
-    maximized
-    full-height
-    seamless
-    position="right"
-    @hide="closeShenheForm"
-  >
-    <q-card
-      style="margin-top: 61px; width: 850px"
-      class="no-border-radius backbill-Dialog"
-    >
+  <q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeShenheForm">
+    <q-card style="margin-top: 61px; width: 850px" class="no-border-radius backbill-Dialog">
       <div class="drawerTop">
         <div style="display: flex; align-items: center">
           <div class="className">
@@ -246,14 +235,7 @@
           </div>
         </div>
       </div>
-      <q-tabs
-        style="margin: 15px"
-        v-model="tabCheck"
-        narrow-indicator
-        dense
-        align="left"
-        class="text-primary"
-      >
+      <q-tabs style="margin: 15px" v-model="tabCheck" narrow-indicator dense align="left" class="text-primary">
         <q-tab :ripple="false" name="first" label="详细信息" />
         <q-tab :ripple="false" name="second" label="审批记录" />
       </q-tabs>
@@ -289,8 +271,7 @@
                 </div>
               </div>
               <div class="backinfo_Item">
-                <span class="role_Line" style="background-color: #f28c1d"></span
-                >教学信息
+                <span class="role_Line" style="background-color: #f28c1d"></span>教学信息
               </div>
               <div class="row backInfo_One">
                 <div class="col-6">
@@ -303,11 +284,8 @@
                   <span class="backInfo_Title">班级信息：</span>
                   <span class="backOtherInfo">
                     {{ setingObj.DataObj.ClassName }}
-                    <span
-                      style="color: #2961fe; cursor: pointer"
-                      @click="goClassManage(setingObj.DataObj.ClassName)"
-                      >{{ setingObj.ClassNo }}</span
-                    >
+                    <span style="color: #2961fe; cursor: pointer"
+                      @click="goClassManage(setingObj.DataObj.ClassName)">{{ setingObj.ClassNo }}</span>
                   </span>
                 </div>
               </div>
@@ -320,81 +298,60 @@
                 </div>
                 <div class="col-6">
                   <span class="backInfo_Title">学习课程：</span>
-                  <span
-                    class="backOtherInfo"
-                    style="color: #2961fe; cursor: pointer"
-                    @click="
+                  <span class="backOtherInfo" style="color: #2961fe; cursor: pointer" @click="
                       goCourse(
                         setingObj.DataObj.Order_Guest_ViewModel.CourseName
                       )
-                    "
-                    >{{
+                    ">{{
                       setingObj.DataObj.Order_Guest_ViewModel.CourseName
-                    }}</span
-                  >
+                    }}</span>
                 </div>
               </div>
               <div class="backinfo_Item">
-                <span class="role_Line" style="background-color: #02c499"></span
-                >学习信息
+                <span class="role_Line" style="background-color: #02c499"></span>学习信息
               </div>
               <div class="row backInfo_One">
                 <div class="col-6">
                   <span class="backInfo_Title">总课时：</span>
-                  <span class="backOtherInfo"
-                    >{{
+                  <span class="backOtherInfo">{{
                       setingObj.DataObj.Order_Guest_ViewModel.TotalHours
                     }}
-                    课时</span
-                  >
+                    课时</span>
                 </div>
                 <div class="col-6">
                   <span class="backInfo_Title">已学课时：</span>
-                  <span
-                    class="backOtherInfo"
-                    style="color: #2961fe; cursor: pointer"
-                    @click="
+                  <span class="backOtherInfo" style="color: #2961fe; cursor: pointer" @click="
                       goStudentsClassSee(
                         setingObj.DataObj.Order_Guest_ViewModel
                       )
-                    "
-                    >{{
+                    ">{{
                       setingObj.DataObj.Order_Guest_ViewModel.CompleteHours
                     }}
-                    课时</span
-                  >
+                    课时</span>
                   <!-- <span class="backOtherInfo">{{setingObj.DataObj.Order_Guest_ViewModel.Ranks}} 课时</span> -->
                 </div>
               </div>
               <div class="row backInfo_One">
                 <div class="col-6">
                   <span class="backInfo_Title">剩余课时：</span>
-                  <span class="backOtherInfo"
-                    >{{
+                  <span class="backOtherInfo">{{
                       setingObj.DataObj.Order_Guest_ViewModel.TotalHours -
                       setingObj.DataObj.Order_Guest_ViewModel.CompleteHours
                     }}
-                    课时</span
-                  >
+                    课时</span>
                 </div>
               </div>
               <div class="backinfo_Item">
-                <span class="role_Line" style="background-color: #8175fb"></span
-                >其他信息
+                <span class="role_Line" style="background-color: #8175fb"></span>其他信息
               </div>
               <div class="row backInfo_One">
                 <div class="col-6">
                   <span class="backInfo_Title">关联单号：</span>
-                  <span
-                    class="backOtherInfo"
-                    style="color: #2961fe; cursor: pointer"
-                    @click="
+                  <span class="backOtherInfo" style="color: #2961fe; cursor: pointer" @click="
                       goOrderStatic(
                         setingObj.DataObj.Order_Guest_ViewModel.OrderId
                       )
-                    "
-                    >{{ setingObj.DataObj.Order_Guest_ViewModel.OrderId }}</span
-                  >
+                    ">{{ setingObj.DataObj.Order_Guest_ViewModel.OrderId }}</span>
                 </div>
                 <div class="col-6">
                   <span class="backInfo_Title">关联销售：</span>
@@ -404,27 +361,15 @@
                 </div>
               </div>
               <div class="row">
-                <span class="backInfo_Title"
-                  >附件：<span v-if="fj.length === 0">无</span></span
-                >
+                <span class="backInfo_Title">附件：<span v-if="fj.length === 0">无</span></span>
               </div>
               <div class="row flex" v-if="fj.length > 0">
                 <div class="_addUpload_box clearfix flex">
                   <template v-for="(item, index) in fj">
-                    <div
-                      style="width: 138px; height: 92px; overflow: hidden"
-                      :key="index"
-                      @click="showUpLoadFile(item)"
-                    >
-                      <img
-                        :src="item.url"
-                        v-if="item.type === 2"
-                        style="width: 100%; height: auto; overflow: hidden"
-                      />
-                      <span
-                        v-if="item.type === 1"
-                        class="iconfont"
-                        :class="
+                    <div style="width: 138px; height: 92px; overflow: hidden" :key="index"
+                      @click="showUpLoadFile(item)">
+                      <img :src="item.url" v-if="item.type === 2" style="width: 100%; height: auto; overflow: hidden" />
+                      <span v-if="item.type === 1" class="iconfont" :class="
                           item.suffix == 'PDF'
                             ? 'icon-pdf'
                             : item.suffix == 'TXT'
@@ -432,20 +377,10 @@
                             : item.suffix == 'DOCX' || item.suffix == 'DOC'
                             ? 'icon-word'
                             : 'icon-excel'
-                        "
-                      ></span>
-                      <span
-                        v-if="item.type === 3"
-                        class="iconfont icon-yasuobao"
-                      ></span>
-                      <span
-                        v-if="item.type === 4"
-                        class="iconfont icon-shipin"
-                      ></span>
-                      <span
-                        v-if="item.type === 5"
-                        class="iconfont icon-wenjian"
-                      ></span>
+                        "></span>
+                      <span v-if="item.type === 3" class="iconfont icon-yasuobao"></span>
+                      <span v-if="item.type === 4" class="iconfont icon-shipin"></span>
+                      <span v-if="item.type === 5" class="iconfont icon-wenjian"></span>
                     </div>
                   </template>
                 </div>
@@ -464,36 +399,20 @@
               </div>
             </div>
             <div v-if="showType == 2">
-              <div
-                style="
+              <div style="
                   display: flex;
                   justify-content: space-between;
                   align-items: center;
                   margin-top: 20px;
-                "
-              >
+                ">
                 <div>审批意见</div>
                 <div>
-                  <q-radio
-                    v-model="stopBillMsg.AuditStatus"
-                    :val="2"
-                    label="通过"
-                  />
-                  <q-radio
-                    v-model="stopBillMsg.AuditStatus"
-                    :val="3"
-                    label="驳回"
-                  />
-                </div>
-              </div>
-              <q-input
-                filled
-                stack-label
-                :dense="false"
-                v-model="stopBillMsg.Description"
-                type="textarea"
-                label="审批意见"
-              />
+                  <q-radio v-model="stopBillMsg.AuditStatus" :val="2" label="通过" />
+                  <q-radio v-model="stopBillMsg.AuditStatus" :val="3" label="驳回" />
+                </div>
+              </div>
+              <q-input filled stack-label :dense="false" v-model="stopBillMsg.Description" type="textarea"
+                label="审批意见" />
             </div>
             <div style="margin-top: 20px">
               <div class="row">
@@ -501,61 +420,35 @@
                   <template v-if="tempPeople.length > 0">
                     <div style="display: inline-block; width: 45px">抄送:</div>
                     <!-- RecipientIds -->
-                    <div
-                      style="
+                    <div style="
                         display: inline-block;
                         margin-left: 5px;
                         width: 340px;
-                      "
-                    >
-                      <span
-                        class="chaosong_Peo"
-                        v-for="(childItem, cindex) in tempPeople"
-                      >
+                      ">
+                      <span class="chaosong_Peo" v-for="(childItem, cindex) in tempPeople">
                         {{ getName(childItem) }}
                       </span>
                     </div>
                   </template>
                 </div>
-                <div
-                  class="col-6"
-                  style="
+                <div class="col-6" style="
                     justify-content: flex-end;
                     display: flex;
                     align-items: center;
-                  "
-                >
-                  <i
-                    class="iconfont icon-aite"
-                    style="
+                  ">
+                  <i class="iconfont icon-aite" style="
                       font-size: 20px;
                       margin: 7px 20px 0 0;
                       cursor: pointer;
-                    "
-                    v-if="showType == 2"
-                  >
+                    " v-if="showType == 2">
                     <q-popup-proxy>
                       <q-banner>
                         <div style="width: 350px">
                           <div style="margin: 10px 0 15px 0">抄送</div>
-                          <q-select
-                            class="col-6 q-pb-lg q-pr-lg"
-                            multiple
-                            clearable
-                            filled
-                            stack-label
-                            use-input
-                            option-value="Id"
-                            option-label="EmployeeName"
-                            v-model="tempPeople"
-                            ref="ManagerId"
-                            :options="EmployeeList"
-                            label="选择人员"
-                            :dense="false"
-                            emit-value
-                            map-options
-                            @filter="filterFn"
-                          >
+                          <q-select class="col-6 q-pb-lg q-pr-lg" multiple clearable filled stack-label use-input
+                            option-value="Id" option-label="EmployeeName" v-model="tempPeople" ref="ManagerId"
+                            :options="EmployeeList" label="选择人员" :dense="false" emit-value map-options
+                            @filter="filterFn">
                             <template v-slot:no-option>
                               <q-item>
                                 <q-item-section class="text-grey">
@@ -569,12 +462,7 @@
                     </q-popup-proxy>
                   </i>
                   <q-btn class="q-mr-md" label="关闭" @click="closeBackInfo" />
-                  <q-btn
-                    v-if="showType == 2"
-                    color="accent q-px-md"
-                    label="确认"
-                    @click="saveBackClassInfo()"
-                  />
+                  <q-btn v-if="showType == 2" color="accent q-px-md" label="确认" @click="saveBackClassInfo()" />
                 </div>
               </div>
             </div>
@@ -582,33 +470,19 @@
         </div>
       </div>
       <div v-if="tabCheck == 'second'">
-         <flowinfoForm
-          :seting-obj="setingObj"
-          :showType="showType"
-          @close="closeShenheForm"
-          @success="refreshPage"
-        >
+         <flowinfoForm :seting-obj="setingObj" :showType="showType" @close="closeShenheForm" @success="refreshPage">
         </flowinfoForm>
       </div>
     </q-card>
-    <div
-      class="dialog-out-close"
-      @click="closeShenheForm"
-      style="
+    <div class="dialog-out-close" @click="closeShenheForm" style="
         height: 40px !important;
         border-top-left-radius: 4px !important;
         border-bottom-left-radius: 4px !important;
-      "
-    >
+      ">
       <q-icon name="iconfont icon-jujue1" size="26px" />
     </div>
-    <div
-      v-if="picIsShow"
-      class="_show_img_box"
-      @click="(picIsShow = false), (picObj = [])"
-    >
-      <div
-        style="
+    <div v-if="picIsShow" class="_show_img_box" @click="(picIsShow = false), (picObj = [])">
+      <div style="
           position: absolute;
           max-width: 800px;
           height: auto;
@@ -616,16 +490,9 @@
           top: 50%;
           margin-left: -400px;
           transform: translateY(-50%);
-        "
-      >
-        <el-image
-          style="width: 100%; height: 100%"
-          fit="cover"
-          v-for="(item, index) in picObj"
-          :key="index"
-          :src="item"
-          :preview-src-list="picObj"
-        >
+        ">
+        <el-image style="width: 100%; height: 100%" fit="cover" v-for="(item, index) in picObj" :key="index" :src="item"
+          :preview-src-list="picObj">
         </el-image>
       </div>
     </div>
@@ -633,10 +500,15 @@
 </template>
 
 <script>
-import flowinfoForm from "../sale/flowinfo-form";
-import { saveBackBillAduit, queryBackBillMoney } from "../../api/sale/bill";
-import { queryEmployee } from "../../api/users/user";
-export default {
+  import flowinfoForm from "../sale/flowinfo-form";
+  import {
+    saveBackBillAduit,
+    queryBackBillMoney
+  } from "../../api/sale/bill";
+  import {
+    queryEmployee
+  } from "../../api/users/user";
+  export default {
     props: {
       setingObj: {
         type: Object,
@@ -870,5 +742,5 @@ export default {
         a.click();
       },
     },
-};
+  };
 </script>
\ No newline at end of file

src/pages/sale/commsionManagement.vue

@@ -81,6 +81,18 @@
             field: 'PeopleNum',
             align: 'left',
           },
+          {
+            name: 'BalanceStateStr',
+            label: '返佣',
+            field: 'BalanceStateStr',
+            align: 'left',
+          },
+          {
+            name: 'RemitStr',
+            label: '提现',
+            field: 'RemitStr',
+            align: 'left',
+          },
           {
             name: 'UpdateTimeStr',
             label: '更新时间',
@@ -96,7 +108,7 @@
           pageSize: 12,
           rowsPerPage: 12,
           RebateType: 1,
-          Description:"",
+          Description: "",
         },
         pageCount: 0,
         taskOption: null,

src/pages/sale/happyPassbook.vue

@@ -80,6 +80,18 @@
             field: 'PeopleNum',
             align: 'left',
           },
+          {
+            name: 'BalanceStateStr',
+            label: '返佣',
+            field: 'BalanceStateStr',
+            align: 'left',
+          },
+          {
+            name: 'RemitStr',
+            label: '提现',
+            field: 'RemitStr',
+            align: 'left',
+          },
           {
             name: 'UpdateTimeStr',
             label: '更新时间',
@@ -95,7 +107,7 @@
           pageSize: 12,
           rowsPerPage: 12,
           RebateType: 2,
-            Description:"",
+          Description: "",
         },
         pageCount: 0,
         taskOption: null,