From 4f55c0255e5e68b3685d1510062dff6e1e3dbc48 Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期三, 16 四月 2025 14:13:07 +0800
Subject: [PATCH] 1

---
 src/views/hosp/rules/index.vue | 1212 +++++++++++++++++++++++++++++++++++++++++++++++++--------
 1 files changed, 1,031 insertions(+), 181 deletions(-)

diff --git a/src/views/hosp/rules/index.vue b/src/views/hosp/rules/index.vue
index 6f7330e..0b05742 100644
--- a/src/views/hosp/rules/index.vue
+++ b/src/views/hosp/rules/index.vue
@@ -2,63 +2,172 @@
   <div class="app-container">
     <el-row :gutter="20">
       <!--閮ㄩ棬鏁版嵁-->
-      <el-col :span="4" :xs="24">
+      <el-col :span="3" :xs="24">
         <div class="head-container">
-          <el-input v-model="xmmc" placeholder="璇疯緭鍏ラ」鐩悕" clearable size="small" prefix-icon="el-icon-search"
-            style="margin-bottom: 20px" />
+          <el-input
+            v-model="xmmc"
+            placeholder="璇疯緭鍏ラ」鐩悕"
+            clearable
+            size="small"
+            prefix-icon="el-icon-search"
+            style="margin-bottom: 20px"
+          />
         </div>
-        <div class="head-tree">
-          <el-tree ref="tree" node-key="id" highlight-current :default-expanded-keys="treeId" :data="deptOptions"
-            :props="defaultProps" :expand-on-click-node="false" :auto-expand-parent="false"
-            :filter-node-method="filterNode" @node-click="handleNodeClick" />
+        <div class="scrollable-container">
+          <div class="content">
+            <el-tree
+              :data="deptOptions"
+              :props="defaultProps"
+              :expand-on-click-node="false"
+              :filter-node-method="filterNode"
+              ref="tree"
+              node-key="id"
+              :default-expanded-keys="treeId"
+              highlight-current
+              @node-click="handleNodeClick"
+            />
+          </div>
         </div>
+        <!-- <el-scrollbar style="height: 629px; width: 100%">
+          <div class="head-container">
+            <el-tree
+              :data="deptOptions"
+              :props="defaultProps"
+              :expand-on-click-node="false"
+              :filter-node-method="filterNode"
+              ref="tree"
+              node-key="id"
+              :default-expanded-keys="treeId"
+              highlight-current
+              @node-click="handleNodeClick"
+            />
+          </div>
+        </el-scrollbar> -->
+        <!-- <div class="head-tree">
+          <el-tree
+            ref="tree"
+            node-key="id"
+            highlight-current
+            :default-expanded-keys="treeId"
+            :data="deptOptions"
+            :props="defaultProps"
+            :expand-on-click-node="false"
+            :auto-expand-parent="false"
+            :filter-node-method="filterNode"
+            @node-click="handleNodeClick"
+          />
+        </div> -->
       </el-col>
       <el-col :span="19" :xs="24">
-        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="椤圭洰鍚�" prop="proName">
-            <el-input v-model="queryParams.proName" placeholder="璇疯緭鍏ラ」鐩悕" clearable @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="瑙勫垯绫诲瀷" prop="ruleType">
-            <el-select v-model="queryParams.ruleType" placeholder="璇烽�夋嫨瑙勫垯绫诲瀷" clearable>
-              <el-option v-for="dict in dict.type.tj_rule_type" :key="dict.value" :label="dict.label"
-                :value="dict.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="鐥呯" prop="bingzhong">
-            <el-input v-model="queryParams.bingzhong" placeholder="璇疯緭鍏ョ梾绉�" clearable @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="鐥呯鎷奸煶" prop="bzPinyin">
-            <el-input v-model="queryParams.bzPinyin" placeholder="璇疯緭鍏ョ梾绉嶆嫾闊�" clearable @keyup.enter.native="handleQuery" />
-          </el-form-item>
-          <el-form-item label="鎬у埆" prop="sex">
-            <el-select v-model="queryParams.sex" placeholder="璇烽�夋嫨鎬у埆" clearable>
-              <el-option v-for="dict in dict.type.tj_rule_sex" :key="dict.value" :label="dict.label"
-                :value="dict.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
-          </el-form-item>
-        </el-form>
+        <div class="guding">
+          <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            v-show="showSearch"
+            label-width="68px"
+          >
+            <el-form-item label="椤圭洰鍚�" prop="proName">
+              <el-input
+                v-model="queryParams.proName"
+                placeholder="璇疯緭鍏ラ」鐩悕"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="瑙勫垯绫诲瀷" prop="ruleType">
+              <el-select
+                v-model="queryParams.ruleType"
+                placeholder="璇烽�夋嫨瑙勫垯绫诲瀷"
+                clearable
+              >
+                <el-option
+                  v-for="dict in dict.type.tj_rule_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="鐥呯" prop="bingzhong">
+              <el-input
+                v-model="queryParams.bingzhong"
+                placeholder="璇疯緭鍏ョ梾绉�"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="鐥呯鎷奸煶" prop="bzPinyin">
+              <el-input
+                v-model="queryParams.bzPinyin"
+                placeholder="璇疯緭鍏ョ梾绉嶆嫾闊�"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="鎬у埆" prop="sex">
+              <el-select
+                v-model="queryParams.sex"
+                placeholder="璇烽�夋嫨鎬у埆"
+                clearable
+              >
+                <el-option
+                  v-for="dict in dict.type.tj_rule_sex"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >鎼滅储</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >閲嶇疆</el-button
+              >
+            </el-form-item>
+          </el-form>
 
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd"
-              v-hasPermi="['hosp:rules:add']">鏂板
-            </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="primary" icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
-              v-hasPermi="['hosp:rules:edit']">淇敼
-            </el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
-              v-hasPermi="['hosp:rules:remove']">鍒犻櫎
-            </el-button>
-          </el-col>
-          <!-- <el-col :span="1.5">
+          <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+              <el-button
+                type="primary"
+                icon="el-icon-plus"
+                size="mini"
+                @click="handleAdd"
+                v-hasPermi="['hosp:rules:add']"
+                >鏂板
+              </el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="primary"
+                icon="el-icon-edit"
+                size="mini"
+                :disabled="single"
+                @click="handleUpdate"
+                v-hasPermi="['hosp:rules:edit']"
+                >淇敼
+              </el-button>
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="primary"
+                icon="el-icon-delete"
+                size="mini"
+                :disabled="multiple"
+                @click="handleDelete"
+                v-hasPermi="['hosp:rules:remove']"
+                >鍒犻櫎
+              </el-button>
+            </el-col>
+            <!-- <el-col :span="1.5">
         <el-button
           type="warning"
           plain
@@ -69,133 +178,711 @@
           >瀵煎嚭
         </el-button>
       </el-col> -->
-          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-        </el-row>
+            <!-- <right-toolbar
+              :showSearch.sync="showSearch"
+              @queryTable="getList"
+            ></right-toolbar> -->
+          </el-row>
 
-        <el-table border v-loading="loading" :data="rulesList" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" align="center" />
-          <el-table-column label="搴忓彿" align="center" prop="newID" width="55" />
-          <!-- <el-table-column label="椤圭洰id" align="center" prop="proId" /> -->
-          <el-table-column label="椤圭洰鍚�" align="center" prop="proName" :show-overflow-tooltip="true" />
-          <el-table-column label="瑙勫垯绫诲瀷" align="center" prop="ruleType" :show-overflow-tooltip="true">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.tj_rule_type" :value="scope.row.ruleType" />
-            </template>
-          </el-table-column>
-          <el-table-column label="瑙勫垯" align="center" prop="ruleStr" :show-overflow-tooltip="true" />
-          <el-table-column label="鐥呯" align="center" prop="bingzhong" :show-overflow-tooltip="true" />
-          <el-table-column label="鐥呯鎷奸煶" align="center" prop="bzPinyin" :show-overflow-tooltip="true" />
-          <el-table-column label="鎬у埆" align="center" prop="sex" :show-overflow-tooltip="true">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.tj_rule_sex" :value="scope.row.sex" />
-            </template>
-          </el-table-column>
-          <el-table-column label="骞撮緞-" align="center" prop="ageLt" :show-overflow-tooltip="true" />
-          <el-table-column label="骞撮緞+" align="center" prop="ageGt" :show-overflow-tooltip="true" />
-          <el-table-column label="瑙勫垯鑼冨洿-" align="center" prop="ruleLt" :show-overflow-tooltip="true" />
-          <el-table-column label="瑙勫垯鑼冨洿+" align="center" prop="ruleGt" :show-overflow-tooltip="true" />
-          <el-table-column label="鏍囪瘑" align="center" prop="sign" :show-overflow-tooltip="true" />
-          <el-table-column label="绉瀬鎬�" align="center" prop="idPositive" :show-overflow-tooltip="true" />
-          <el-table-column label="鑼冨洿" align="center" prop="reference" :show-overflow-tooltip="true" />
-          <el-table-column label="浼樺厛绾�" align="center" prop="sort" :show-overflow-tooltip="true" />
-          <el-table-column label="灏忎簬鏍囪瘑" align="center" prop="lowSymbol" :show-overflow-tooltip="true" />
-          <el-table-column label="澶т簬鏍囪瘑" align="center" prop="heighSymbol" :show-overflow-tooltip="true" />
-          <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
-            <template slot-scope="scope">
-              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                v-hasPermi="['hosp:rules:edit']" title="淇敼">
-              </el-button>
-              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                v-hasPermi="['hosp:rules:remove']" title="鍒犻櫎">
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
+          <div style="width: 100%;">
+            <el-table
+              border
+              v-loading="loading"
+              :data="rulesList"
+              @selection-change="handleSelectionChange"
+              height="520"
+            >
+              <el-table-column type="selection" width="55" align="center" />
+              <el-table-column
+                label="搴忓彿"
+                align="center"
+                prop="newID"
+                width="55"
+              />
+              <!-- <el-table-column label="椤圭洰id" align="center" prop="proId" /> -->
+              <el-table-column
+                label="椤圭洰鍚�"
+                align="center"
+                prop="proName"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="瑙勫垯绫诲瀷"
+                align="center"
+                prop="ruleType"
+                :show-overflow-tooltip="true"
+              >
+                <template slot-scope="scope">
+                  <dict-tag
+                    :options="dict.type.tj_rule_type"
+                    :value="scope.row.ruleType"
+                  />
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="瑙勫垯"
+                align="center"
+                prop="ruleStr"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="鐥呯"
+                align="center"
+                prop="bingzhong"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="褰卞儚琛ㄧ幇"
+                align="center"
+                prop="yxbx"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="鐥呯鎷奸煶"
+                align="center"
+                prop="bzPinyin"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="鎬у埆"
+                align="center"
+                prop="sex"
+                :show-overflow-tooltip="true"
+              >
+                <template slot-scope="scope">
+                  <dict-tag
+                    :options="dict.type.tj_rule_sex"
+                    :value="scope.row.sex"
+                  />
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="骞撮緞-"
+                align="center"
+                prop="ageLt"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="骞撮緞+"
+                align="center"
+                prop="ageGt"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="瑙勫垯鑼冨洿-"
+                align="center"
+                prop="ruleLt"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="瑙勫垯鑼冨洿+"
+                align="center"
+                prop="ruleGt"
+                width="90"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="鏍囪瘑"
+                align="center"
+                prop="sign"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="绉瀬鎬�"
+                align="center"
+                prop="idPositive"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="鑼冨洿"
+                align="center"
+                prop="reference"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="浼樺厛绾�"
+                align="center"
+                prop="sort"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="灏忎簬鏍囪瘑"
+                align="center"
+                prop="lowSymbol"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="澶т簬鏍囪瘑"
+                align="center"
+                prop="heighSymbol"
+                :show-overflow-tooltip="true"
+              />
+              <el-table-column
+                label="鎿嶄綔"
+                align="center"
+                class-name="small-padding fixed-width"
+              >
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-edit"
+                    @click="handleUpdate(scope.row)"
+                    v-hasPermi="['hosp:rules:edit']"
+                    title="淇敼"
+                  >
+                  </el-button>
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-tickets"
+                    @click="handleDetail(scope.row)"
+                    title="璇︽儏"
+                  ></el-button>
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    @click="handleDelete(scope.row)"
+                    v-hasPermi="['hosp:rules:remove']"
+                    title="鍒犻櫎"
+                  >
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
 
-        <div class="pag">
-          <div class="pag1">
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-              :limit.sync="queryParams.pageSize" @pagination="getList" />
+          <div class="pag">
+            <div class="pag1">
+              <pagination
+                v-show="total > 0"
+                :total="total"
+                :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize"
+                @pagination="getListByXmId"
+              />
+            </div>
           </div>
         </div>
       </el-col>
     </el-row>
 
     <!-- 娣诲姞鎴栦慨鏀硅鍒�+鐥呯瀵硅瘽妗� -->
-    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true">
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      width="1000px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="80px"
+        :inline="true"
+      >
         <!-- <el-form-item label="椤圭洰id" prop="proId">
           <el-input v-model="form.proId" placeholder="璇疯緭鍏ラ」鐩甶d" />
         </el-form-item> -->
         <el-form-item label="椤圭洰鍚�" prop="proName">
-          <el-select :remote-method="getRemoteData" v-model="form.proName" remote filterable style="width: 200px"
-            placeholder="璇烽�夋嫨椤圭洰鍚�" clearable @change="idFn">
-            <el-option v-for="dict in proList" :key="dict.proId" :label="dict.proName" :value="dict.proName" />
+          <el-select
+            :remote-method="getRemoteData"
+            v-model="form.proName"
+            remote
+            filterable
+            style="width: 200px"
+            placeholder="璇烽�夋嫨椤圭洰鍚�"
+            clearable
+            @change="idFn"
+          >
+            <el-option
+              v-for="dict in proList"
+              :key="dict.proId"
+              :label="dict.proName"
+              :value="dict.proName"
+            />
           </el-select>
           <!-- <el-input v-model="form.proName" placeholder="璇疯緭鍏ラ」鐩悕" style="width:200px" /> -->
         </el-form-item>
         <el-form-item label="瑙勫垯绫诲瀷" prop="ruleType">
-          <el-select v-model="form.ruleType" placeholder="璇烽�夋嫨瑙勫垯绫诲瀷" style="width:200px">
-            <el-option v-for="dict in dict.type.tj_rule_type" :key="dict.value" :label="dict.label"
-              :value="dict.value"></el-option>
+          <el-select
+            v-model="form.ruleType"
+            placeholder="璇烽�夋嫨瑙勫垯绫诲瀷"
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in dict.type.tj_rule_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="瑙勫垯" prop="ruleStr">
-          <el-input v-model="form.ruleStr" placeholder="璇疯緭鍏ヨ鍒�" style="width:200px" />
+        <el-form-item label="鎬у埆" prop="sex">
+          <el-select
+            v-model="form.sex"
+            placeholder="璇烽�夋嫨鎬у埆"
+            style="width: 200px"
+          >
+            <el-option
+              v-for="dict in dict.type.tj_rule_sex"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
         </el-form-item>
+
         <el-form-item label="鐥呯" prop="bingzhong">
-          <el-select :remote-method="getRemoteData1" v-model="form.bingzhong" remote filterable style="width: 200px"
-            placeholder="璇烽�夋嫨鐥呯" clearable @change="idFn1">
-            <el-option v-for="dict in bingzhongList" :key="dict.id" :label="dict.icdname" :value="dict.icdname" />
+          <el-select
+            :remote-method="getRemoteData1"
+            v-model="form.bingzhong"
+            remote
+            filterable
+            style="width: 490px"
+            placeholder="璇烽�夋嫨鐥呯"
+            clearable
+            @change="idFn1"
+          >
+            <el-option
+              v-for="dict in bingzhongList"
+              :key="dict.id"
+              :label="dict.icdname"
+              :value="dict.icdname"
+            />
           </el-select>
           <!-- <el-input v-model="form.bingzhong" placeholder="璇疯緭鍏ョ梾绉�" style="width:200px" /> -->
         </el-form-item>
         <!-- <el-form-item label="鐥呯鎷奸煶" prop="bzPinyin">
           <el-input v-model="form.bzPinyin" placeholder="璇疯緭鍏ョ梾绉嶆嫾闊�" style="width:200px" />
         </el-form-item> -->
+
         <el-form-item label="鐤剧梾缂栫爜 " prop="icdCode">
-          <el-input v-model="form.icdCode" placeholder="璇疯緭鍏ョ柧鐥呯紪鐮�" style="width:200px" disabled />
+          <el-input
+            v-model="form.icdCode"
+            placeholder="璇疯緭鍏ョ柧鐥呯紪鐮�"
+            style="width: 200px"
+            disabled
+          />
         </el-form-item>
-        <el-form-item label="鎬у埆" prop="sex">
-          <el-select v-model="form.sex" placeholder="璇烽�夋嫨鎬у埆" style="width:200px">
-            <el-option v-for="dict in dict.type.tj_rule_sex" :key="dict.value" :label="dict.label"
-              :value="dict.value"></el-option>
-          </el-select>
-        </el-form-item>
+
         <el-form-item label="骞撮緞-" prop="ageLt">
-          <el-input v-model="form.ageLt" placeholder="璇疯緭鍏ュ勾榫�-" style="width:200px" />
+          <el-input
+            v-model="form.ageLt"
+            placeholder="璇疯緭鍏ュ勾榫�-"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="骞撮緞+" prop="ageGt">
-          <el-input v-model="form.ageGt" placeholder="璇疯緭鍏ュ勾榫�+" style="width:200px" />
+          <el-input
+            v-model="form.ageGt"
+            placeholder="璇疯緭鍏ュ勾榫�+"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="瑙勫垯鑼冨洿-" prop="ruleLt">
-          <el-input v-model="form.ruleLt" placeholder="璇疯緭鍏ヨ鍒欒寖鍥�-" style="width:200px" />
+          <el-input
+            v-model="form.ruleLt"
+            placeholder="璇疯緭鍏ヨ鍒欒寖鍥�-"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="瑙勫垯鑼冨洿+" prop="ruleGt">
-          <el-input v-model="form.ruleGt" placeholder="璇疯緭鍏ヨ鍒欒寖鍥�+" style="width:200px" />
+          <el-input
+            v-model="form.ruleGt"
+            placeholder="璇疯緭鍏ヨ鍒欒寖鍥�+"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="鏍囪瘑" prop="sign">
-          <el-select v-model="form.sign" remote filterable style="width: 200px" placeholder="璇烽�夋嫨鐥呯" clearable>
-            <el-option v-for="dict in dataList" :key="dict.id" :label="dict.label" :value="dict.label" />
+          <el-select
+            v-model="form.sign"
+            remote
+            filterable
+            style="width: 200px"
+            placeholder="璇烽�夋嫨鐥呯"
+            clearable
+          >
+            <el-option
+              v-for="dict in dataList"
+              :key="dict.id"
+              :label="dict.label"
+              :value="dict.label"
+            />
           </el-select>
           <!-- <el-input v-model="form.sign" placeholder="璇疯緭鍏ユ爣璇�" style="width:200px" /> -->
         </el-form-item>
         <el-form-item label="鑼冨洿" prop="reference">
-          <el-input v-model="form.reference" placeholder="璇疯緭鍏ヨ寖鍥�" style="width:200px" />
+          <el-input
+            v-model="form.reference"
+            placeholder="璇疯緭鍏ヨ寖鍥�"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="浼樺厛绾�" prop="sort">
-          <el-input-number v-model="form.sort" @change="handleChange" :min="1"  label="鎻忚堪鏂囧瓧"></el-input-number>
+          <el-input-number
+            v-model="form.sort"
+            @change="handleChange"
+            :min="1"
+            label="鎻忚堪鏂囧瓧"
+          ></el-input-number>
           <!-- <el-input v-model="form.sort" placeholder="璇疯緭鍏ヤ紭鍏堢骇" style="width:200px" /> -->
         </el-form-item>
         <el-form-item label="灏忎簬鏍囪瘑" prop="lowSymbol">
-          <el-input v-model="form.lowSymbol" placeholder="璇疯緭鍏ュ皬浜庢爣璇�" style="width:200px" />
+          <el-input
+            v-model="form.lowSymbol"
+            placeholder="璇疯緭鍏ュ皬浜庢爣璇�"
+            style="width: 200px"
+          />
         </el-form-item>
         <el-form-item label="澶т簬鏍囪瘑" prop="heighSymbol">
-          <el-input v-model="form.heighSymbol" placeholder="璇疯緭鍏ュぇ浜庢爣璇�" style="width:200px" />
+          <el-input
+            v-model="form.heighSymbol"
+            placeholder="璇疯緭鍏ュぇ浜庢爣璇�"
+            style="width: 200px"
+          />
+        </el-form-item>
+        <el-form-item label="瑙勫垯琛ㄧ幇" prop="yxbx">
+          <el-input
+            type="textarea"
+            :rows="3"
+            v-model="form.yxbx"
+            placeholder="璇疯緭鍏ヨ鍒欒〃鐜�"
+            style="width: 782px"
+          />
+        </el-form-item>
+        <el-form-item label="瑙勫垯缁撹 " prop="ruleStr">
+          <el-input
+            type="textarea"
+            :rows="3"
+            v-model="form.ruleStr"
+            placeholder="璇疯緭鍏ヨ鍒欑粨璁�"
+            style="width: 782px"
+          />
+        </el-form-item>
+        <!--  <el-form-item label="褰卞儚琛ㄧ幇 " prop="yxbx">
+          <el-input
+            v-model="form.yxbx"
+            placeholder="璇疯緭鍏ュ奖鍍忚〃鐜�"
+            style="width: 782px"
+            type="textarea"
+            :rows="3"
+          />
+        </el-form-item> -->
+        <el-form-item label="寤鸿鍚嶇О" prop="adviceBt">
+          <el-input
+            v-model="form.adviceBt"
+            style="width: 782px"
+            placeholder="璇疯緭鍏ュ缓璁唴瀹�"
+          >
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="寤鸿鍐呭" prop="adviceNr">
+          <span
+            slot="label"
+            style="display: inline-block; border-bottom: 2px solid blue"
+            @click="getDetailed"
+          >
+            寤鸿鍐呭
+          </span>
+
+          <el-input
+            v-if="key !== 'N'"
+            style="width: 782px"
+            type="textarea"
+            :rows="3"
+            v-model="form.adviceNr"
+            placeholder="璇疯緭鍏ュ缓璁唴瀹�"
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="寤鸿鍐呭" prop="adviceNr" v-if="key == 'N'">
+          <el-input
+            type="textarea"
+            :rows="3"
+            v-model="form.adviceNr"
+            placeholder="璇疯緭鍏ュ缓璁唴瀹�"
+          >
+          </el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">纭� 瀹�</el-button>
+        <el-button @click="cancel">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 寤鸿鍐呭鍙婂缓璁悕绉板脊妗� -->
+    <el-dialog
+      title="寤鸿鍐呭"
+      :visible.sync="dialogTableVisible"
+      width="80%"
+      :close-on-click-modal="false"
+      @close="clearForm"
+    >
+      <div class="app-container">
+        <el-form
+          :model="form"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+          v-show="showSearch"
+          label-width="68px"
+        >
+          <el-form-item label="鏍囬" prop="title">
+            <el-input
+              v-model="queryParam.bt"
+              placeholder="璇疯緭鍏ユ爣棰�"
+              clearable
+              @keyup.enter.native="handlecharge"
+            />
+          </el-form-item>
+          <el-form-item label="寤鸿鍐呭" prop="jynr">
+            <el-input
+              v-model="queryParam.nr"
+              placeholder="璇疯緭鍏ュ缓璁�"
+              clearable
+              @keyup.enter.native="handlecharge"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button
+              type="primary"
+              icon="el-icon-search"
+              size="mini"
+              @click="handlecharge"
+              >鎼滅储</el-button
+            >
+          </el-form-item>
+        </el-form>
+
+        <el-table
+          v-loading="loading"
+          :data="adviceList"
+          ref="tb"
+          @selection-change="handleSelectionChange1"
+          border
+        >
+          <el-table-column type="selection" align="center" fixed />
+          <el-table-column
+            label="搴忓彿"
+            align="center"
+            width="60"
+            prop="newID"
+          />
+          <el-table-column
+            label="鏍囬"
+            align="center"
+            prop="title"
+            width="120"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="寤鸿"
+            align="center"
+            prop="advice"
+            :show-overflow-tooltip="true"
+          />
+        </el-table>
+
+        <div class="pag">
+          <div class="pag1">
+            <pagination
+              v-show="total > 0"
+              :total="total"
+              :page.sync="queryParam.page"
+              :limit.sync="queryParam.pageSize"
+              @pagination="getlistJynr"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogTableVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="submit">纭� 瀹�</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 璇︽儏寮规 -->
+    <el-dialog
+      :title="title"
+      :visible.sync="openOne"
+      width="1000px"
+      append-to-body
+      :close-on-click-modal="false"
+    >
+      <el-form
+        ref="form"
+        :model="form"
+        :rules="rules"
+        label-width="80px"
+        :inline="true"
+      >
+        <el-form-item label="椤圭洰鍚�" prop="proName">
+          <el-input
+            v-model="form.proName"
+            placeholder="璇疯緭鍏ラ」鐩悕"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="瑙勫垯绫诲瀷" prop="ruleType">
+          <el-input
+            v-model="form.ruleType"
+            placeholder="璇疯緭鍏ヨ鍒欑被鍨�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="瑙勫垯" prop="ruleStr">
+          <el-input
+            v-model="form.ruleStr"
+            placeholder="璇疯緭鍏ヨ鍒�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="鐥呯" prop="bingzhong">
+          <el-input
+            v-model="form.bingzhong"
+            placeholder="璇疯緭鍏ョ梾绉�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="鐤剧梾缂栫爜 " prop="icdCode">
+          <el-input
+            v-model="form.icdCode"
+            placeholder="璇疯緭鍏ョ柧鐥呯紪鐮�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="鎬у埆" prop="sex">
+          <el-input
+            v-model="form.sex"
+            placeholder="璇疯緭鍏ユ�у埆"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="骞撮緞-" prop="ageLt">
+          <el-input
+            v-model="form.ageLt"
+            placeholder="璇疯緭鍏ュ勾榫�-"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="骞撮緞+" prop="ageGt">
+          <el-input
+            v-model="form.ageGt"
+            placeholder="璇疯緭鍏ュ勾榫�+"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="瑙勫垯鑼冨洿-" prop="ruleLt">
+          <el-input
+            v-model="form.ruleLt"
+            placeholder="璇疯緭鍏ヨ鍒欒寖鍥�-"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="瑙勫垯鑼冨洿+" prop="ruleGt">
+          <el-input
+            v-model="form.ruleGt"
+            placeholder="璇疯緭鍏ヨ鍒欒寖鍥�+"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <!-- <el-form-item label="鏍囪瘑" prop="sign">
+          <el-select
+            v-model="form.sign"
+            remote
+            filterable
+            style="width: 200px"
+            placeholder="璇烽�夋嫨鐥呯"
+            clearable
+          >
+            <el-option
+              v-for="dict in dataList"
+              :key="dict.id"
+              :label="dict.label"
+              :value="dict.label"
+            />
+          </el-select>
+        </el-form-item> -->
+        <el-form-item label="鑼冨洿" prop="reference">
+          <el-input
+            v-model="form.reference"
+            placeholder="璇疯緭鍏ヨ寖鍥�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="浼樺厛绾�" prop="sort">
+          <el-input-number
+            v-model="form.sort"
+            @change="handleChange"
+            :min="1"
+            label="鎻忚堪鏂囧瓧"
+            disabled
+          ></el-input-number>
+        </el-form-item>
+        <el-form-item label="灏忎簬鏍囪瘑" prop="lowSymbol">
+          <el-input
+            v-model="form.lowSymbol"
+            placeholder="璇疯緭鍏ュ皬浜庢爣璇�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="澶т簬鏍囪瘑" prop="heighSymbol">
+          <el-input
+            v-model="form.heighSymbol"
+            placeholder="璇疯緭鍏ュぇ浜庢爣璇�"
+            style="width: 200px"
+            disabled
+          />
+        </el-form-item>
+        <el-form-item label="寤鸿鍚嶇О" prop="adviceBt">
+          <el-input
+            v-model="form.adviceBt"
+            style="width: 782px"
+            placeholder="璇疯緭鍏ュ缓璁唴瀹�"
+            disabled
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="寤鸿鍐呭" prop="adviceNr">
+          <span
+            slot="label"
+            style="display: inline-block; border-bottom: 2px solid blue"
+            @click="getDetailed"
+          >
+            寤鸿鍐呭
+          </span>
+
+          <el-input
+            disabled
+            style="width: 782px"
+            type="textarea"
+            :rows="3"
+            v-model="form.adviceNr"
+            placeholder="璇疯緭鍏ュ缓璁唴瀹�"
+          >
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="queren">纭� 瀹�</el-button>
         <el-button @click="cancel">鍙� 娑�</el-button>
       </div>
     </el-dialog>
@@ -209,35 +896,63 @@
   delRules,
   addRules,
   updateRules,
-  getSonsList, list
+  getSonsList,
+  list,
 } from "@/api/hosp/rules";
 import {
-  projectTree
-} from "@/api/hosp/ruleAdvice";
+  listAdvice,
+  getAdvice,
+  delAdvice,
+  addAdvice,
+  updateAdvice,
+} from "@/api/advice/advice";
+import { projectTree } from "@/api/hosp/ruleAdvice";
 
 export default {
   name: "Rules",
   dicts: ["tj_rule_type", "tj_rule_sex"],
   data() {
+    let checkPhoneNum = (rule, value, callback) => {
+      console.log(value);
+      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
+      if (value == "" && value == undefined && !value) {
+        return callback("");
+      } else if (value != undefined && value != "") {
+        return callback();
+      } else if (!patter.test(value)) {
+        return callback("");
+      }
+    };
     return {
       deptOptions: [],
+      dialogTableVisible: false,
+      jymc: false,
       defaultProps: {
         children: "children",
         label: "label",
       },
-      dataList: [{
-        id: 0,
-        label: "鈫�"
-      },{
-        id: 1,
-        label: "鈫�"
-      }],
+      key: "",
+      dataList: [
+        {
+          id: 0,
+          label: "鈫�",
+        },
+        {
+          id: 1,
+          label: "鈫�",
+        },
+      ],
       treeId: [],
+      fixedTop: 97,
+      ChangeList: [],
       xmmc: "",
+      adviceList: [],
       // 閬僵灞�
       loading: true,
+      openOne: false,
       // 閫変腑鏁扮粍
       ids: [],
+      formIn: {},
       // 闈炲崟涓鐢�
       single: true,
       // 闈炲涓鐢�
@@ -264,6 +979,16 @@
         bzPinyin: null,
         sex: null,
       },
+      queryParam: {
+        page: 1,
+        pageSize: 10,
+        bt: "", // 鏍囬
+        nr: "", // 寤鸿鍐呭
+      },
+      querycharge: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       // 琛ㄥ崟鍙傛暟
       form: {},
       // 琛ㄥ崟鏍¢獙
@@ -271,31 +996,29 @@
         deleted: [
           {
             required: true,
-            message: "",
+            validator: checkPhoneNum,
             trigger: "blur",
           },
         ],
         proName: [
-          { required: true, message: "", trigger: "change" },
+          { required: true, validator: checkPhoneNum, trigger: "change" },
         ],
         ruleType: [
-          { required: true, message: "", trigger: "change" },
+          { required: true, validator: checkPhoneNum, trigger: "change" },
         ],
-        ruleStr: [
-          { required: true, message: "", trigger: "change" },
-        ],
-        bingzhong: [
-          { required: true, message: "", trigger: "change" },
-        ],
-        sex: [
-          { required: true, message: "", trigger: "change" },
-        ],
-        ageLt: [
-          { required: true, message: "", trigger: "change" },
-        ],
-        ageGt: [
-          { required: true, message: "", trigger: "change" },
-        ],
+        // ruleStr: [
+        //   { required: true, validator: checkPhoneNum, trigger: "change" },
+        // ],
+        // bingzhong: [
+        //   { required: true, validator: checkPhoneNum, trigger: "change" },
+        // ],
+        // sex: [{ required: true, validator: checkPhoneNum, trigger: "change" }],
+        // ageLt: [
+        //   { required: true, validator: checkPhoneNum, trigger: "change" },
+        // ],
+        // ageGt: [
+        //   { required: true, validator: checkPhoneNum, trigger: "change" },
+        // ],
       },
     };
   },
@@ -308,48 +1031,132 @@
       if (newVal) {
         this.$nextTick(() => {
           document
-            .querySelector('.el-tree-node__children .el-tree-node__content')
+            .querySelector(".el-tree-node__children .el-tree-node__content")
             .click();
         });
       }
     },
-
   },
+
   created() {
     this.getList();
   },
+
   methods: {
+    handleClose(done) {
+      // this.cancel();
+      /* this.$confirm("纭鍏抽棴锛�")
+        .then((_) => {
+          done();
+        })
+        .catch((_) => {}); */
+    },
+
+    handlecharge() {
+      this.querycharge.pageNum = 1;
+      this.getlistJynr();
+    },
+
+    // 娓呯┖琛ㄥ崟鏁版嵁
+    clearForm() {
+      this.queryParam.bt = ""; // 娓呯┖鏍囬
+      this.queryParam.nr = ""; // 娓呯┖寤鸿鍐呭
+    },
+
+    getDetailed() {
+      this.getlistJynr();
+      this.dialogTableVisible = true;
+      this.key != "N";
+    },
+
+    /* 鐐瑰嚮璇︽儏 */
+    handleDetail(row) {
+      const aid = row.aid || this.ids;
+      getRules(aid).then((response) => {
+        this.form = response.data;
+        this.openOne = true;
+      });
+    },
+    queren() {
+      this.openOne = false;
+    },
+
+    /* 寮规纭畾鎸夐挳 */
+    submit() {
+      console.log(this.ChangeList, 123);
+
+      this.ChangeList.forEach((item) => {
+        console.log(item.title, 6363);
+        this.form.adviceBt = item.title;
+        console.log(this.form.adviceBt, 2525);
+
+        this.form.adviceNr = item.advice;
+        // this.sfxmId = parseInt(item.id);
+      });
+      this.dialogTableVisible = false;
+      this.key = "";
+    },
+
+    /* 鑾峰彇寤鸿鍐呭 */
+    getlistJynr() {
+      this.loading = true;
+      // this.List = true;
+      listAdvice(this.queryParam).then((response) => {
+        // response.data.list.forEach((item, index) => {
+        //   item.newID =
+        //     (this.queryParam.page - 1) * this.queryParam.pageSize + index + 1;
+        // });
+
+        this.adviceList = response.data.list;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+    },
+
     /** 鏌ヨ瑙勫垯+鐥呯鍒楄〃 */
     getList() {
       projectTree().then((response) => {
-        this.deptOptions = response.data
-        this.treeId.push(this.deptOptions[0].id)
+        this.deptOptions = response.data;
+        this.treeId.push(this.deptOptions[0].id);
       });
     },
     getListByXmId() {
       this.loading = true;
       listRules(this.queryParams).then((response) => {
-        response.rows.forEach((item, index) => {
-          item.newID = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
+        response.data.rows.forEach((item, index) => {
+          item.newID =
+            (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
+            index +
+            1;
         });
-        this.rulesList = response.rows;
-        this.total = response.total;
+        this.rulesList = response.data.rows;
+        console.log(this.rulesList, 999);
+
+        this.total = response.data.total;
         this.loading = false;
       });
     },
     // 鑺傜偣鍗曞嚮浜嬩欢
     handleNodeClick(data) {
+      this.formIn = data;
+      console.log(this.formIn);
       this.queryParams.proId = data.id;
-      this.getListByXmId()
+      this.getListByXmId();
     },
     // 绛涢�夎妭鐐�
     filterNode(value, data) {
       if (!value) return true;
-      return data.label.indexOf(value) !== -1;
+      // return data.label.indexOf(value) !== -1;
+      return (
+        data.label &&
+        typeof data.label === "string" &&
+        data.label.indexOf(value) !== -1
+      );
     },
     // 鍙栨秷鎸夐挳
     cancel() {
       this.open = false;
+      this.openOne = false;
       this.reset();
     },
     // 琛ㄥ崟閲嶇疆
@@ -400,11 +1207,23 @@
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
+    handleSelectionChange1(selection) {
+      this.ChangeList = selection;
+      this.ids = selection.map((item) => item.aid);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+      if (selection.length > 1) {
+        let del_row = selection.shift();
+        this.$refs.tb.toggleRowSelection(del_row, false); //璁剧疆杩欎竴琛屽彇娑堥�変腑
+      }
+    },
     /** 鏂板鎸夐挳鎿嶄綔 */
     handleAdd() {
       this.reset();
       this.open = true;
       this.title = "娣诲姞瑙勫垯+鐥呯";
+      this.form.proId = this.formIn.id;
+      this.form.proName = this.formIn.label;
       getSonsList().then((response) => {
         this.proList = response.data;
       });
@@ -416,8 +1235,8 @@
     getRemoteData(query) {
       if (query) {
         let data = {
-          proName: query
-        }
+          proName: query,
+        };
         getSonsList(data).then((response) => {
           this.proList = response.data;
         });
@@ -427,8 +1246,8 @@
     getRemoteData1(query) {
       if (query) {
         let data = {
-          icdname: query
-        }
+          icdname: query,
+        };
         list(data).then((response) => {
           this.bingzhongList = response.rows;
         });
@@ -440,7 +1259,6 @@
           this.form.proId = item.proId;
           // this.form.zjf = item.bzPinyin;
         }
-
       });
     },
     idFn1(value) {
@@ -450,13 +1268,10 @@
           this.form.bzPinyin = item.pym;
           this.form.icdId = item.id;
         }
-
       });
     },
     // 姝ユ暟
-    handleChange(value) {
-    
-      },
+    handleChange(value) {},
     /** 淇敼鎸夐挳鎿嶄綔 */
     handleUpdate(row) {
       this.reset();
@@ -479,15 +1294,17 @@
         if (valid) {
           if (this.form.aid != null) {
             updateRules(this.form).then((response) => {
+              console.log(response, 1111333);
+
               this.$modal.msgSuccess("淇敼鎴愬姛");
               this.open = false;
-              this.getList();
+              this.getListByXmId();
             });
           } else {
             addRules(this.form).then((response) => {
               this.$modal.msgSuccess("鏂板鎴愬姛");
               this.open = false;
-              this.getList();
+              this.getListByXmId();
             });
           }
         }
@@ -496,12 +1313,16 @@
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const ids = row.aid || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎椤圭洰瑙勫垯淇℃伅缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function () {
-        return delRulesz(ids);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-      }).catch(() => { });
+      this.$modal
+        .confirm('鏄惁纭鍒犻櫎椤圭洰瑙勫垯淇℃伅缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�')
+        .then(function () {
+          return delRules(ids);
+        })
+        .then(() => {
+          this.getListByXmId();
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => {});
     },
   },
 };
@@ -516,4 +1337,33 @@
 .pag1 {
   width: 30%;
 }
+
+.scrollable-container {
+  width: 200px;
+  /* 璁剧疆瀹瑰櫒鐨勫搴� */
+  height: 629px;
+  /* 璁剧疆瀹瑰櫒鐨勯珮搴� */
+  overflow: auto;
+  /* 鍏佽鍐呭婧㈠嚭鏃舵樉绀烘粴鍔ㄦ潯 */
+  border: 1px solid #ccc;
+  /* 鍙�夛細娣诲姞杈规浠ユ洿濂藉湴鏄剧ず瀹瑰櫒 */
+  position: relative;
+  /* 鍙�夛細浣垮鍣ㄥ唴鐨勭粷瀵瑰畾浣嶅厓绱犺兘澶熸纭樉绀� */
+}
+
+.content {
+  width: 1000px;
+  /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */
+  height: 1000px;
+  /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */
+}
+
+/* .guding {
+  position: fixed;
+  top: 20px; 
+  z-index: 10; 
+  max-height: 500px; 
+  overflow: auto;
+  background-color: #fff; 
+} */
 </style>

--
Gitblit v1.8.0