9月25，透析医嘱页面美化

src/xt_pages/dialysis/newDoctorAdvice.vue

@@ -46,9 +46,9 @@
             <el-button type="primary" @click="toSeachOne">搜索</el-button>
           </div>
           <div style="flex: 1;text-align: right;">
-            <el-button type="primary" size="small" @click="toStatic" v-if="org_id!=9671  && org_id!=10340">药品统计</el-button>
+            <el-button type="primary" size="small" @click="toStatic" v-if="org_id!=0  && org_id!=10340">药品统计</el-button>
 
-            <el-button type="primary" size="small" @click="toStaticOne" v-if="org_id == 9671 || org_id==10340">药品统计</el-button>
+            <el-button type="primary" size="small" @click="toStaticOne" v-if="org_id == 0 || org_id==10340">药品统计</el-button>
             <el-button type="primary" size="small" @click="toStaticThree">药品月统计</el-button>
 
             <el-button type="primary" size="small" @click="toStaticTwo">耗材统计</el-button>
@@ -158,7 +158,7 @@
 
      <div class="cell clearfix">
         <label class="title"> <span class="name">给药途径</span> : </label>
-        <div class="time">
+        <div class="time" style="width: 90%;">
           <ul class>
             <li
               :class="item.id == delivery_way ? 'active' : ''"
@@ -173,8 +173,8 @@
       </div>
 
       <div class="cell clearfix">
-        <label class="title"> <span class="name">执行频率 : </span></label>
-        <div class="time">
+        <label class="title"> <span class="name">执行频率</span> : </label>
+        <div class="time" style="width: 90%;">
           <ul class>
             <li
               :class="item.id == execution_frequency ? 'active' : ''"
@@ -519,33 +519,40 @@
       </span>
     </el-dialog>
 
-
+    <!-- 药品统计表 -->
     <el-dialog
       title="药品统计表"
       :visible.sync="startdialogVisible"
       width="60%">
       <span>
-        <div class="cell clearfix" style="margin-bottom:10px">
-          <label class="title"> <span class="name">排班班次</span> : </label>
-           <el-select v-model="schedule_type" placeholder="请选择" @change="changeScheduleType" >
-            <el-option
-              v-for="item in schedulArr"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-           </el-select>
-           <label class="title"> <span class="name">病区选择</span> : </label>
-           <el-select v-model="partion_type" placeholder="请选择" @change="changePartionType" multiple >
-            <el-option
-              v-for="item in partitionArr"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
-            </el-option>
-           </el-select>
-           <el-button size="small" icon="el-icon-printer"  @click="toPrintOne" type="primary">打印</el-button>
-           <el-button size="small"  @click="toExportListOne" type="primary">导出</el-button>
+        <div class="eldialog" style="margin-bottom:10px">
+          <div>
+            <label class="title"> <span class="name">排班班次</span> : </label>
+            <el-select v-model="schedule_type" placeholder="请选择" 
+              @change="changeScheduleType"  style="width: 120px;">
+              <el-option
+                v-for="item in schedulArr"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+            <label class="title"> <span class="name">病区选择</span> : </label>
+            <el-select v-model="partion_type" placeholder="请选择" 
+                  @change="changePartionType" multiple  style="width: 120px;"
+              >
+              <el-option
+                v-for="item in partitionArr"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </div>
+          <div>
+            <el-button size="small" icon="el-icon-printer"  @click="toPrintOne" type="primary">打印</el-button>
+            <el-button size="small"  @click="toExportListOne" type="primary">导出</el-button>
+          </div>
         </div>
 
       <el-table
@@ -596,40 +603,44 @@
     </el-dialog>
 
 
-  <!-- 长沙南雅 -->
+    <!-- 长沙南雅 -->
     <el-dialog
       title="药品统计表"
       :visible.sync="startdialogVisibleOne"
       width="70%">
       <span>
-        <div class="cell clearfix" style="margin-bottom:10px">
-          <label class="title"> <span class="name">排班班次</span> : </label>
-           <el-select v-model="schedule_type" placeholder="请选择" @change="changeScheduleTypeOne" >
-            <el-option
-              v-for="item in schedulArr"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-           </el-select>
-           <label class="title"> <span class="name">病区选择</span> : </label>
-           <el-select v-model="partion_type" placeholder="请选择" @change="changePartionTypeOne" multiple>
-            <el-option
-              v-for="item in partitionArr"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
-            </el-option>
-           </el-select>
-           <el-button size="small" icon="el-icon-printer"  @click="toPrintTwo" type="primary">打印</el-button>
+        <div class="eldialog" style="margin-bottom:10px">
+          <div>
+            <label class="title"> <span class="name">排班班次</span> : </label>
+            <el-select v-model="schedule_type" placeholder="请选择"
+               @change="changeScheduleTypeOne" style="width: 120px;">
+              <el-option
+                v-for="item in schedulArr"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+            <label class="title"> <span class="name">病区选择</span> : </label>
+            <el-select v-model="partion_type" placeholder="请选择" 
+              @change="changePartionTypeOne" multiple style="width: 120px;">
+              <el-option
+                v-for="item in partitionArr"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </div>
+          <div>
+            <el-button size="small" icon="el-icon-printer"  @click="toPrintTwo" type="primary">打印</el-button>
+          </div>
            <!-- <el-button size="small"  @click="toExportListOne" type="primary">导出</el-button> -->
-
            <!-- <el-button @click="toJiao()">脚本</el-button> -->
         </div>
 
       <el-table
         :data="tableDataList"
-
         border
         :row-style="{ color: '#303133' }"
         :header-cell-style="{
@@ -641,7 +652,7 @@
           align="center"
           prop="name"
           label="序号"
-          width="100"
+          width="60"
         >
           <template slot-scope="scope" >
             <span v-if="scope.row.is_total == 1">{{scope.$index+1}}</span>
@@ -681,7 +692,7 @@
           align="center"
           prop="name"
           label="透析模式"
-          width="150"
+          width="130"
         >
           <template slot-scope="scope">
             <span v-if="scope.row.is_total == 1">
@@ -728,33 +739,39 @@
       </span>
     </el-dialog>
 
-
+    <!-- 耗材统计表 -->
     <el-dialog
       title="耗材统计表"
       :visible.sync="startdialogVisibleTwo"
       width="60%">
       <span>
-        <div class="cell clearfix" style="margin-bottom:10px">
-          <label class="title"> <span class="name">排班班次</span> : </label>
-           <el-select v-model="schedule_type" placeholder="请选择" @change="changeScheduleTypeTwo" >
-            <el-option
-              v-for="item in schedulArr"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value">
-            </el-option>
-           </el-select>
-           <label class="title"> <span class="name">病区选择</span> : </label>
-           <el-select v-model="partion_type" placeholder="请选择" @change="changePartionTypeTwo" multiple >
-            <el-option
-              v-for="item in partitionArr"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
-            </el-option>
-           </el-select>
-           <el-button size="small" icon="el-icon-printer"  @click="toPrintThree" type="primary">打印</el-button>
-           <el-button size="small"  @click="toExportListTwo" type="primary">导出</el-button>
+        <div class="eldialog" style="margin-bottom:10px">
+          <div>
+            <label class="title"> <span class="name">排班班次</span> : </label>
+            <el-select v-model="schedule_type" placeholder="请选择" 
+              @change="changeScheduleTypeTwo" style="width: 120px;">
+              <el-option
+                v-for="item in schedulArr"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+            <label class="title"> <span class="name">病区选择</span> : </label>
+            <el-select v-model="partion_type" placeholder="请选择" 
+              @change="changePartionTypeTwo" multiple  style="width: 120px;">
+              <el-option
+                v-for="item in partitionArr"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </div>
+          <div>
+            <el-button size="small" icon="el-icon-printer"  @click="toPrintThree" type="primary">打印</el-button>
+            <el-button size="small"  @click="toExportListTwo" type="primary">导出</el-button>
+          </div>
         </div>
 
       <el-table
@@ -787,9 +804,6 @@
               {{scope.row.count}}
            </template>
         </el-table-column>
-
-
-
       </el-table>
       </span>
       <span slot="footer" class="dialog-footer">
@@ -797,164 +811,173 @@
         <el-button type="primary" @click="startdialogVisibleTwo = false">确 定</el-button>
       </span>
     </el-dialog>
-
+    <!-- 药品月统计表 -->
     <el-dialog
       title="药品月统计表"
       :visible.sync="startMothdialogVisible"
       width="60%">
       <span>
-        <div class="cell clearfix" style="margin-bottom:10px">
-          <label class="title"> <span class="name">日期查询</span> : </label>
-          开始:
-          <el-date-picker
-            v-model="start_time"
-            prefix-icon="el-icon-date"
-            :editable="false"
-            style="width: 250px;"
-            type="date"
-            placeholder="选择日期时间"
-            align="right"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
-           
-        ></el-date-picker>
-          结束:
-          <el-date-picker
-            v-model="end_time"
-            prefix-icon="el-icon-date"
-            :editable="false"
-            style="width: 250px;"
-            type="date"
-            placeholder="选择日期时间"
-            align="right"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
+        <div class="eldialog" style="margin-bottom:10px">
+          <div>
+            <label class="title"> <span class="name">日期查询</span> : </label>
+            
+              <el-date-picker
+                v-model="start_time"
+                prefix-icon="el-icon-date"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+              
+            ></el-date-picker>
+              <span>-</span>
+              <el-date-picker
+                v-model="end_time"
+                prefix-icon="el-icon-date"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+              
+            ></el-date-picker>
+          </div>
+          <div>
+            <el-button size="small"  @click="getAllQuery" type="primary">查询</el-button>
+            <el-button size="small" icon="el-icon-printer"  @click="toPrintTen" type="primary">打印</el-button>
+            <el-button size="small"  @click="toExportListThree" type="primary">导出</el-button>
+          </div>
+          
            
-        ></el-date-picker>
-           <el-button size="small"  @click="getAllQuery" type="primary">查询</el-button>
-           <el-button size="small" icon="el-icon-printer"  @click="toPrintTen" type="primary">打印</el-button>
-           <el-button size="small"  @click="toExportListThree" type="primary">导出</el-button>
         </div>
      
-      <el-table
-        :data="tableMonthList"
-        border
-        :row-style="{ color: '#303133' }"
-        :header-cell-style="{
-          backgroundColor: 'rgb(245, 247, 250)',
-          color: '#606266'
-        }"
-      >
-         <el-table-column  align="center"  label="序号">
-           <template slot-scope="scope">
-              {{scope.$index+1}}
-           </template>
-        </el-table-column>
-        <el-table-column  align="center"   label="药品名称">
-         <template slot-scope="scope">
-            {{scope.row.advice_name}}
-          </template>
-        </el-table-column>
-        <el-table-column  align="center"  label="规格">
-           <template slot-scope="scope">
-             {{scope.row.specification_name}}
-           </template>
-        </el-table-column>
+        <el-table
+          :data="tableMonthList"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+            backgroundColor: 'rgb(245, 247, 250)',
+            color: '#606266'
+          }"
+        >
+          <el-table-column  align="center"  label="序号">
+            <template slot-scope="scope">
+                {{scope.$index+1}}
+            </template>
+          </el-table-column>
+          <el-table-column  align="center"   label="药品名称">
+          <template slot-scope="scope">
+              {{scope.row.advice_name}}
+            </template>
+          </el-table-column>
+          <el-table-column  align="center"  label="规格">
+            <template slot-scope="scope">
+              {{scope.row.specification_name}}
+            </template>
+          </el-table-column>
 
-        <el-table-column  align="center"   label="数量">
-           <template slot-scope="scope">
-             <span v-if="config.is_open!=1">{{getCount(scope.row.child)}}</span>
-             <span v-if="config.is_open ==1">{{getHisCount(scope.row.child,scope.row.max_unit,scope.row.min_unit,scope.row.min_number)}}</span>
-           </template>
-        </el-table-column>
-      
-        <el-table-column align="center" label="厂家">
-           <template slot-scope="scope">
-             {{scope.row.manufacturer_name}}
-           </template>
-        </el-table-column>
+          <el-table-column  align="center"   label="数量">
+            <template slot-scope="scope">
+              <span v-if="config.is_open!=1">{{getCount(scope.row.child)}}</span>
+              <span v-if="config.is_open ==1">{{getHisCount(scope.row.child,scope.row.max_unit,scope.row.min_unit,scope.row.min_number)}}</span>
+            </template>
+          </el-table-column>
+        
+          <el-table-column align="center" label="厂家">
+            <template slot-scope="scope">
+              {{scope.row.manufacturer_name}}
+            </template>
+          </el-table-column>
 
 
-      </el-table>
+        </el-table>
       </span>
       <span slot="footer" class="dialog-footer">
         <el-button @click="startMothdialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="startMothdialogVisible = false">确 定</el-button>
       </span>
     </el-dialog>
-
-
+    <!-- 耗材统计表 -->
     <el-dialog
       title="耗材统计表"
       :visible.sync="startMonthdialogVisible"
       width="60%">
       <span>
-        <div class="cell clearfix" style="margin-bottom:10px">
-          <label class="title"> <span class="name">日期查询</span> : </label>
-          开始:
-          <el-date-picker
-            v-model="start_time"
-            prefix-icon="el-icon-date"
-            :editable="false"
-            style="width: 250px;"
-            type="date"
-            placeholder="选择日期时间"
-            align="right"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
-           
-        ></el-date-picker>
-          结束:
-          <el-date-picker
-            v-model="end_time"
-            prefix-icon="el-icon-date"
-            :editable="false"
-            style="width: 250px;"
-            type="date"
-            placeholder="选择日期时间"
-            align="right"
-            format="yyyy-MM-dd"
-            value-format="yyyy-MM-dd"
-           
-        ></el-date-picker>
-           <el-button size="small"  @click="getGoodAllQuery" type="primary">查询</el-button>
-           <el-button size="small" icon="el-icon-printer"  @click="toExportListFour" type="primary">打印</el-button>
-           <el-button size="small"  @click="toExportListFour" type="primary">导出</el-button>
+        <div class="eldialog" style="margin-bottom:10px">
+          <div>
+            <label class="title"> <span class="name">日期查询</span> : </label>
+              <el-date-picker
+                v-model="start_time"
+                prefix-icon="el-icon-date"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+              
+            ></el-date-picker>
+              <span>-</span>
+              <el-date-picker
+                v-model="end_time"
+                prefix-icon="el-icon-date"
+                :editable="false"
+                style="width: 150px;"
+                type="date"
+                placeholder="选择日期时间"
+                align="right"
+                format="yyyy-MM-dd"
+                value-format="yyyy-MM-dd"
+              
+            ></el-date-picker>
+          </div>
+
+          <div>
+            <el-button size="small"  @click="getGoodAllQuery" type="primary">查询</el-button>
+            <el-button size="small" icon="el-icon-printer"  @click="toExportListFour" type="primary">打印</el-button>
+            <el-button size="small"  @click="toExportListFour" type="primary">导出</el-button>
+          </div>
         </div>
-      <el-table
-        :data="tableProjectList"
-        border
-        :row-style="{ color: '#303133' }"
-        :header-cell-style="{
-          backgroundColor: 'rgb(245, 247, 250)',
-          color: '#606266'
-        }"
-      >
-         <el-table-column  align="center"  label="序号">
-           <template slot-scope="scope">
-              {{scope.$index+1}}
-           </template>
-        </el-table-column>
-        <el-table-column  align="center"   label="耗材名称">
-         <template slot-scope="scope">
-            {{scope.row.good_name}}
-          </template>
-        </el-table-column>
-        <el-table-column  align="center"  label="规格">
-           <template slot-scope="scope">
-             {{scope.row.specification_name}}
-           </template>
-        </el-table-column>
+        <el-table
+          :data="tableProjectList"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+            backgroundColor: 'rgb(245, 247, 250)',
+            color: '#606266'
+          }"
+        >
+          <el-table-column  align="center"  label="序号">
+            <template slot-scope="scope">
+                {{scope.$index+1}}
+            </template>
+          </el-table-column>
+          <el-table-column  align="center"   label="耗材名称">
+          <template slot-scope="scope">
+              {{scope.row.good_name}}
+            </template>
+          </el-table-column>
+          <el-table-column  align="center"  label="规格">
+            <template slot-scope="scope">
+              {{scope.row.specification_name}}
+            </template>
+          </el-table-column>
 
-        <el-table-column  align="center"   label="数量">
-           <template slot-scope="scope">
-              {{scope.row.count}}
-           </template>
-        </el-table-column>
+          <el-table-column  align="center"   label="数量">
+            <template slot-scope="scope">
+                {{scope.row.count}}
+            </template>
+          </el-table-column>
 
 
 
-      </el-table>
+        </el-table>
       </span>
       <span slot="footer" class="dialog-footer">
         <el-button @click="startMonthdialogVisible = false">取 消</el-button>
@@ -963,8 +986,6 @@
     </el-dialog>
 
     </div>
-
-
   </div>
 </template>
 
@@ -2265,15 +2286,9 @@ export default {
                 this.tableDataList = newList
                 console.log("999999999999999999-------",this.tableDataList)
               }
-
-
-
              }
-
-
           }
         })
-
       },
       toStaticTwo(){
         var str = ""
@@ -2350,6 +2365,7 @@ export default {
           start_time:this.start_time,
           end_time:this.end_time
         }
+        this.startMothdialogVisible = true
         getDoctorAdviceMonthList(params).then(response=>{
           if(response.data.state == 1){
             this.startMothdialogVisible = true
@@ -3153,11 +3169,13 @@ export default {
       padding: 0 2px;
     }
   }
-
-
   .el-table td .cell{
     white-space: pre-wrap;
   }
+  .eldialog{
+    display: flex;
+    justify-content: space-between;
+  }
 }
 .el-table td,
 .el-table th.is-leaf,