修改样式

src/views/allcase/contFile/medicalAdvice.vue

@@ -1,251 +1,245 @@
-
 <template>
-    <div id="MyDiv">
-      <div class="cont-left">
-        <div class="cont-title-description">滨州医学院烟台附属医院</div>
-        <div class="cont-title-item">长期医嘱单</div>
-        <div></div>
-        <div class="cont-title-name">
-            <div class="cont-title-item"><span class="cont-title-text">姓名:</span><span class="cont-title-normal" v-if="dataObj.info">{{dataObj.info.AAA01}}</span></div>
-            <div class="cont-title-item"><span class="cont-title-text">性别:</span><span class="cont-title-normal" v-if="dataObj.info">{{dataObj.info.AAA02C}}</span></div>
-            <div  class="cont-title-item"><span class="cont-title-text">年龄:</span><span class="cont-title-normal" v-if="dataObj.info">{{dataObj.info.AAA04}}</span></div>
-            <div  class="cont-title-item"><span class="cont-title-text cont-title-twidt">科别:</span><span class="cont-title-normal" v-if="dataObj.info">{{dataObj.info.AAB02C}}</span></div>
-            <div  class="cont-title-item"><span class="cont-title-text">床号:</span><span class="cont-title-normal"></span></div>
-            <div  class="cont-title-item"><span class="cont-title-text">住院号:</span><span class="cont-title-normal" v-if="dataObj.info">{{dataObj.info.AAA28}}</span></div>
+  <div id="MyDiv">
+    <div class="cont-left">
+      <div class="cont-title-description">滨州医学院烟台附属医院</div>
+      <div class="cont-title-item">长期医嘱单</div>
+      <div></div>
+      <div class="cont-title-name">
+        <div class="cont-title-item">
+          <span class="cont-title-text">姓名:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA01 }}</span>
         </div>
-        <div class="table">
-          <table ref="tables">
-            <tr style="height:10px;">
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-              <td style="height:10px;" class="table-value m-all" colspan="1"></td>
-            </tr>
-            <tr>
-              <td class="table-label medical-font" colspan="7">开始</td>
-              <td class="table-label medical-font" colspan="4">停止</td>
-            </tr>
-            <tr>
-              <td class="table-label medical-font" colspan="1">日期</td>
-              <td class="table-label medical-font" colspan="1">时间</td>
-              <td class="table-label medical-font" colspan="1">医嘱</td>
-              <td class="table-label medical-font" colspan="1">剂量</td>
-              <td class="table-label medical-font" colspan="1">用法</td>
-              <td class="table-label medical-font" colspan="1">医师签名</td>
-              <td class="table-label medical-font" colspan="1">护士签名</td>
-              <td class="table-label medical-font" colspan="1">日期</td>
-              <td class="table-label medical-font" colspan="1">时间</td>
-              <td class="table-label medical-font" colspan="1">医师签名</td>
-              <td class="table-label medical-font" colspan="1">护士签名</td>
-            </tr>
-
-            <tr  v-for="(item,index) in dataObj.list" :key="index">
-              <td class="table-value" colspan="1">{{item.KSDATE}}</td>
-              <td class="table-value" colspan="1">{{item.KSTIME}}</td>
-              <td class="table-value" colspan="1">{{item.YZMC}}</td>
-              <td class="table-value" colspan="1">{{item.YCJL}}</td>
-              <td class="table-value" colspan="1">{{item.SYPC}}</td>
-              <td class="table-value" colspan="1">{{item.KZYS}}</td>
-              <td class="table-value" colspan="1">{{item.XZJDGH}}</td>
-              <td class="table-value" colspan="1">{{item.TZDATE}}</td>
-              <td class="table-value" colspan="1">{{item.TZTIME}}</td>
-              <td class="table-value" colspan="1">{{item.TZYS}}</td>
-              <td class="table-value" colspan="1">{{item.XZJDGH}}</td>
-            </tr>
-            <tr>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="2"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-            </tr>
-            <tr>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="2"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-              <td class="table-value" colspan="1"></td>
-            </tr>
-          </table>
+        <div class="cont-title-item">
+          <span class="cont-title-text">性别:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA02C }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">年龄:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA04 }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text cont-title-twidt">科别:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAB02C }}</span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">床号:</span>
+          <span class="cont-title-normal"></span>
+        </div>
+        <div class="cont-title-item">
+          <span class="cont-title-text">住院号:</span>
+          <span class="cont-title-normal" v-if="dataObj.info">{{ dataObj.info.AAA28 }}</span>
         </div>
       </div>
+      <div class="table">
+        <table ref="tables">
+          <tr style="height: 10px">
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+            <td style="height: 10px" class="table-value m-all" colspan="1"></td>
+          </tr>
+          <tr>
+            <td class="table-label medical-font" colspan="7">开始</td>
+            <td class="table-label medical-font" colspan="4">停止</td>
+          </tr>
+          <tr>
+            <td class="table-label medical-font" colspan="1">日期</td>
+            <td class="table-label medical-font" colspan="1">时间</td>
+            <td class="table-label medical-font" colspan="1">医嘱</td>
+            <td class="table-label medical-font" colspan="1">剂量</td>
+            <td class="table-label medical-font" colspan="1">用法</td>
+            <td class="table-label medical-font" colspan="1">医师签名</td>
+            <td class="table-label medical-font" colspan="1">护士签名</td>
+            <td class="table-label medical-font" colspan="1">日期</td>
+            <td class="table-label medical-font" colspan="1">时间</td>
+            <td class="table-label medical-font" colspan="1">医师签名</td>
+            <td class="table-label medical-font" colspan="1">护士签名</td>
+          </tr>
+
+          <tr v-for="(item, index) in dataObj.list" :key="index">
+            <td class="table-value" colspan="1">{{ item.KSDATE }}</td>
+            <td class="table-value" colspan="1">{{ item.KSTIME }}</td>
+            <td class="table-value" colspan="1">{{ item.YZMC }}</td>
+            <td class="table-value" colspan="1">{{ item.YCJL }}</td>
+            <td class="table-value" colspan="1">{{ item.SYPC }}</td>
+            <td class="table-value" colspan="1">{{ item.KZYS }}</td>
+            <td class="table-value" colspan="1">{{ item.XZJDGH }}</td>
+            <td class="table-value" colspan="1">{{ item.TZDATE }}</td>
+            <td class="table-value" colspan="1">{{ item.TZTIME }}</td>
+            <td class="table-value" colspan="1">{{ item.TZYS }}</td>
+            <td class="table-value" colspan="1">{{ item.XZJDGH }}</td>
+          </tr>
+        </table>
+      </div>
     </div>
-  </template>
-          <script>
-  // import OtherComponent from '@/components/OtherComponent'
-  export default {
-    name: 'passwordManagement',
-    directives: {},
-    filters: {},
-    extends: {},
-    mixins: {},
-    props: {
-      dataObj: {
-        type: Object,
-        default:null
-    }
+  </div>
+</template>
+<script>
+// import OtherComponent from '@/components/OtherComponent'
+export default {
+  name: 'passwordManagement',
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {
+    dataObj: {
+      type: Object,
+      default: null,
+    },
   },
   data() {
-      return {
-        ifFile: false,
-      };
-    },
-    watch: {},
-    beforeCreate() {
-      // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
-    },
-    created() {
-      // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
-      // 初始化渲染页面
-    },
-    beforeMount() {
-      // 生命周期钩子：模板编译/挂载之前
-    },
-    mounted() {
-      // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
-    },
-    beforeUpate() {
-      // 生命周期钩子：组件更新之前
-    },
-    updated() {
-      // 生命周期钩子：组件更新之后
-    },
-    activated() {
-      // 生命周期钩子：keep-alive 组件激活时调用
-    },
-    deactivated() {
-      // 生命周期钩子：keep-alive 组件停用时调用
-    },
-    beforeDestroy() {
-      // 生命周期钩子：实例销毁前调用
-    },
-    destroyed() {
-      // 生命周期钩子：实例销毁后调用
-    },
-    errorCaptured(err, vm, info) {
-      // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
-      console.log(err, vm, info);
-    },
-    methods: {},
-  };
-  </script>
-          <style lang='scss' scoped>
-  #MyDiv {
-    // padding:0 15px;
-    margin: 0 15px;
-  }
-  .cont-title {
-    display: flex;
-    justify-content: space-between;
-    span {
-      padding: 5px;
-    }
+    return {
+      ifFile: false,
+    };
+  },
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+#MyDiv {
+  // padding:0 15px;
+  margin: 0 15px;
+}
+.cont-title {
+  display: flex;
+  justify-content: space-between;
+  span {
+    padding: 5px;
   }
-  .cont-title-item {
+}
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+  font-size: 20px;
+  padding: 20px 0 10px 0;
+  font-weight: 600;
+}
+.cont-left {
+  //   flex: 1;
+  //   min-height: 650px;
+  //   margin: 0 15px;
+  //   height: 800px;
+  //   overflow-y: scroll;
+  background: #ffffff;
+  // border: 1px solid #e2e2e2;
+  padding: 10px;
+  .cont-title-name {
     width: 100%;
-    margin: 0 auto;
+    height: 50px;
     display: flex;
-    justify-content: center;
-    font-size: 20px;
-    padding: 20px 0 10px 0;
-    font-weight: 600;
-  }
-  .cont-left {
-    //   flex: 1;
-    //   min-height: 650px;
-    //   margin: 0 15px;
-    //   height: 800px;
-    //   overflow-y: scroll;
-    background: #ffffff;
-    // border: 1px solid #e2e2e2;
-    padding: 10px;
-    .cont-title-name{
-      width: 100%;
-      height: 50px;
+    // align-items: flex-end;
+    justify-content: space-between;
+    .cont-title-item {
+      flex: 1;
+      text-align: left;
       display: flex;
-      // align-items: flex-end;
-      justify-content: space-between;
-      .cont-title-item{
-        flex: 1;
-        text-align: left;
-        display: flex;
-        justify-content: left;
-      }
-      .cont-title-text{
-        font-weight: bold;
-      }
-      .cont-title-twidt{
-        width: 35px;
-      }
-      .cont-title-normal{
-        font-weight: normal;
-        margin-left: 5px;
-      }
+      justify-content: left;
     }
-  }
-  .cont-title-description {
-    margin: 20px;
-    font-size: 24px;
-    font-weight: bold;
-    color: #2c3240;
-    //   width: 1200px;
-    text-align: center;
-  }
-  table {
-    min-width: 1000px;
-    table-layout: fixed;
-    empty-cells: show;
-    border-collapse: collapse;
-    margin: 0 auto;
-    margin-bottom: 30px;
-
-    td {
-      border: 1px solid #dddddd;
-      // padding-left: 16px;
-      text-align: center;
-      font-size: 12px;
-      box-sizing: border-box;
+    .cont-title-text {
+      font-weight: bold;
     }
-    .table-label {
-      width: 150px;
-      height: 40px;
-      color: #666666;
-      background-color: #f9f9f9;
+    .cont-title-twidt {
+      width: 35px;
     }
-    .table-value {
-      width: 210px;
-      height: 40px;
-      color: #333333;
-      // padding-right: 16px;
-      text-align: center;
+    .cont-title-normal {
+      font-weight: normal;
+      margin-left: 5px;
     }
   }
-  .m-all {
-    border: none;
-  }
-  .m-left {
-    border-left: none;
+}
+.cont-title-description {
+  margin: 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #2c3240;
+  //   width: 1200px;
+  text-align: center;
+}
+table {
+  min-width: 1000px;
+  table-layout: fixed;
+  empty-cells: show;
+  border-collapse: collapse;
+  margin: 0 auto;
+  margin-bottom: 30px;
+
+  td {
+    border: 1px solid #dddddd;
+    // padding-left: 16px;
+    text-align: center;
+    font-size: 12px;
+    box-sizing: border-box;
   }
-  .m-right {
-    border-right: none;
+  .table-label {
+    width: 150px;
+    height: 40px;
+    color: #666666;
+    background-color: #f9f9f9;
   }
-  .medical-font{
-    font-weight: bold;
+  .table-value {
+    width: 210px;
+    height: 40px;
+    color: #333333;
+    // padding-right: 16px;
+    text-align: center;
   }
-  </style>
-
+}
+.m-all {
+  border: none;
+}
+.m-left {
+  border-left: none;
+}
+.m-right {
+  border-right: none;
+}
+.medical-font {
+  font-weight: bold;
+}
+</style>

src/views/allcase/contFile/medicalTemporary.vue

@@ -65,46 +65,6 @@
             <td class="table-value" colspan="1">{{ item.XZJDGH }}</td>
             <td class="table-value" colspan="1">{{ item.XZJDSJ }}</td>
           </tr>
-          <tr>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="5"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="5"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="5"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="5"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-          </tr>
-          <tr>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="5"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-            <td class="table-value" colspan="1"></td>
-          </tr>
         </table>
       </div>
       <div class="bottom-time bottom-time-top">