fix：样式优化

package.json

@@ -37,6 +37,7 @@
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
     "lodash": "^4.17.21",
+    "moment": "^2.30.1",
     "nprogress": "0.2.0",
     "quill": "2.0.2",
     "screenfull": "5.0.2",

src/App.vue

@@ -150,7 +150,6 @@ export default {
 /*详情 */
 .detail-container {
   background: #ffffff !important;
-  margin: 10px 10px;
 
   .detail-top {
     background: #fff;
@@ -161,6 +160,7 @@ export default {
     align-items: center;
     justify-content: space-between;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+
     .left-top {
       flex-shrink: 0;
       display: flex;
@@ -178,7 +178,18 @@ export default {
     }
   }
 
+  .detail-title {
+    line-height: 60px;
+    font-size: 16px;
+    font-weight: bold;
+    width: 100%;
+    margin-top: 10px;
+    display: flex;
+    justify-content: center;
+  }
+
   .detail-content {
+  padding: 10px 10px;
 
     display: flex;
     justify-content: space-between;

src/lang/en/business/resource/gyzj/gyzj.js

@@ -99,4 +99,7 @@ export default {
     gdsqr:'发放备注',
     cjsj:'创建时间',
     rkl:'入库净重',
+    jysj:'借阅时间',
+    ffjlxq:'发放回收记录详情',
+    gyzjxq:'给药制剂详情',
 }

src/lang/en/business/resource/mjy/mjy.js

@@ -99,4 +99,8 @@ export default {
     gdsqr:'发放备注',
     cjsj:'创建时间',
     rkl:'入库毛重',
+    jysj:'借阅时间',
+    mjyxq:'麻精药详情',
+    ffjlxq:'发放回收记录详情',
+    
 }

src/lang/zh/business/resource/gyzj/gyzj.js

@@ -99,4 +99,7 @@ export default {
     gdsqr:'发放备注',
     cjsj:'创建时间',
     rkl:'入库净重',
+    jysj:'借阅时间',
+    ffjlxq:'发放回收记录详情',
+    gyzjxq:'给药制剂详情',
 }

src/lang/zh/business/resource/mjy/mjy.js

@@ -99,4 +99,8 @@ export default {
     gdsqr:'发放备注',
     cjsj:'创建时间',
     rkl:'入库毛重',
+    jysj:'借阅时间',
+    mjyxq:'麻精药详情',
+    ffjlxq:'发放回收记录详情',
+    
 }

src/layout/components/AppMain.vue

@@ -51,6 +51,7 @@ export default {
   width: 100%;
   position: relative;
   overflow: hidden;
+  background: #f3f3f3;
 }
 
 .fixed-header + .app-main {

src/main.js

@@ -5,6 +5,7 @@ import Cookies from 'js-cookie'
 import Element from 'element-ui'
 import './assets/styles/element-variables.scss'
 
+
 import '@/assets/styles/index.scss' // global css
 import '@/assets/styles/ruoyi.scss' // ruoyi css
 import App from './App'
@@ -80,7 +81,9 @@ DictData.install()
 import i18n from './lang'
 
 import _ from 'lodash'
-
+import moment from "moment";
+// 将 moment 挂载到 Vue 原型上
+Vue.prototype.$moment = moment;
 Vue.use(Element, {
   i18n: (key, value) => i18n.t(key, value),
   size: Cookies.get('size') || 'mini' // set element-ui default size

src/views/business/resource/gyzj/comps/ffjl/Jy.vue

@@ -1,24 +1,34 @@
 G<template>
-  <div >
+  <div>
     <!-- 借阅弹窗 -->
-    <el-dialog :title="$t('page.business.resource.gyzj.jieyue')" :visible.sync="open" width="500px" append-to-body :close-on-click-modal="false">
+    <el-dialog :title="$t('page.business.resource.gyzj.jieyue')" :visible.sync="open" width="500px" append-to-body
+      :close-on-click-modal="false">
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-          <el-row>
-            <el-col :span="24">
-              <el-form-item :label="$t('page.business.resource.gyzj.mc')" prop="mc">
-                <el-input type="text" v-model="form.mc" maxlength="50" disabled
-                  :placeholder="$t('form.placeholderInput')" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="24">
-              <el-form-item :label="$t('page.business.resource.gyzj.bh')" prop="glyj">
-                <el-input type="text" v-model="form.bh" maxlength="50" disabled
-                  :placeholder="$t('form.placeholderInput')" />
-              </el-form-item>
-            </el-col>
-          </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('page.business.resource.gyzj.mc')" prop="mc">
+              <el-input type="text" v-model="form.mc" maxlength="50" disabled
+                :placeholder="$t('form.placeholderInput')" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('page.business.resource.gyzj.bh')" prop="glyj">
+              <el-input type="text" v-model="form.bh" maxlength="50" disabled
+                :placeholder="$t('form.placeholderInput')" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('page.business.resource.gyzj.jysj') + '：'" prop="startDate">
+              <el-date-picker v-model="daterange" class="chat-histogram-daterange" type="daterange" range-separator="-"
+                :start-placeholder="$t('form.startDate')" :end-placeholder="$t('form.endDate')"
+                value-format="yyyy-MM-dd" @change="daterangeChange" style="width: 250px;" />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item :label="$t('form.qmyy')" prop="qmyy">
@@ -47,7 +57,8 @@ G