表头颜色

src/views/fee-settings/ItemResultMatch.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="box">
     <div style="width: 150%">
-      <el-card>
+      <el-card class="elcard" style="border-radius: 15px">
         <div class="publiccss">项目结果匹配</div>
         <el-table
           :data="tableData"
-          style="width: 100%;margin-top:20px"
+          style="width: 100%; margin-top: 20px"
           row-key="id"
           class="el-table__body-wrapper tbody"
           @row-click="rowclick"
+          height="500"
           highlight-current-row
         >
           <el-table-column prop="id" label="编号" width="300">
@@ -61,7 +62,7 @@
         :title="title == 1 ? '新增' : '编辑'"
         :visible.sync="dialogVisible"
         width="75%"
-          :close-on-click-modal="false"
+        :close-on-click-modal="false"
       >
         <el-form ref="form" :model="form" label-width="80px" :rules="rules">
           <el-row>
@@ -114,29 +115,34 @@
     </div>
     <!-- 按钮区域 -->
     <div style="margin-left: 10px; margin-top: 5%">
-      <el-button type="primary" @click="add">新增</el-button>
+      <el-button type="" @click="add" class="commonbutton"
+        >新增</el-button
+      >
       <el-button
-        type="primary"
+        type=""
         @click="editpopup"
         style="margin-left: 0; margin-top: 10px"
+        class="commonbutton"
         >编辑</el-button
       >
       <div style="margin-top: 10px">
-        <el-button type="danger" @click="delets">删除</el-button>
+        <el-button type="" @click="delets" class="commonbutton"
+          >删除</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="topping">置顶</el-button>
+        <el-button type="" @click="topping" class="commonbutton">置顶</el-button>
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="toppings">置底</el-button>
+        <el-button type="" @click="toppings" class="commonbutton">置底</el-button>
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" :disabled="isshow" @click="assertion"
+        <el-button type="" :disabled="isshow" @click="assertion" class="commonbutton"
           >排序</el-button
         >
       </div>
-      <div style="margin-top: 5px">
-        <el-button type="primary" :disabled="isshow" @click="cancellation"
+      <div style="margin-top: 10px">
+        <el-button type="" :disabled="isshow" @click="cancellation" class="commonbutton"
           >取消</el-button
         >
       </div>
@@ -416,6 +422,11 @@ export default {
 };
 </script>
 <style scoped>
+::v-deep .el-table__header th {
+  /* font-size: px; */
+  background-color: rgb(245, 245, 245); /* 设置表头背景颜色 */
+  color: rgb(113, 113, 113); /* 设置表头文字颜色 */
+}
 .box {
   display: flex;
 }

src/views/fee-settings/ItemResultTemplate.vue

@@ -173,29 +173,42 @@
     </div>
     <!-- 按钮区域 -->
     <div style="margin-left: 10px; margin-top: 5%">
-      <el-button type="primary" @click="add">新增</el-button>
+      <el-button type="" @click="add" class="commonbutton">新增</el-button>
       <el-button
-        type="primary"
+        type=""
         @click="editpopup"
         style="margin-left: 0; margin-top: 10px"
+        class="commonbutton"
         >编辑</el-button
       >
       <div style="margin-top: 10px">
-        <el-button type="danger" @click="delets">删除</el-button>
+        <el-button type="" @click="delets" class="commonbutton">删除</el-button>
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="topping">置顶</el-button>
+        <el-button type="" @click="topping" class="commonbutton"
+          >置顶</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="toppings">置底</el-button>
+        <el-button type="" @click="toppings" class="commonbutton"
+          >置底</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" :disabled="isshow" @click="assertion"
+        <el-button
+          type=""
+          :disabled="isshow"
+          @click="assertion"
+          class="commonbutton"
           >排序</el-button
         >
       </div>
       <div style="margin-top: 5px">
-        <el-button type="primary" :disabled="isshow" @click="cancellation"
+        <el-button
+          type=""
+          :disabled="isshow"
+          @click="cancellation"
+          class="commonbutton"
           >取消</el-button
         >
       </div>
@@ -483,6 +496,11 @@ export default {
 };
 </script>
 <style scoped>
+::v-deep .el-table__header th {
+  /* font-size: px; */
+  background-color: rgb(245, 245, 245); /* 设置表头背景颜色 */
+  color: rgb(113, 113, 113); /* 设置表头文字颜色 */
+}
 .box {
   display: flex;
 }

src/views/fee-settings/ItemTemplate.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="box">
     <div style="width: 100%">
-      <el-card>
+      <el-card class="elcard" style="border-radius: 15px">
         <div class="publiccss">项目模板</div>
         <el-table
           :data="tableData"
-          style="width: 100%;margin-top:20px"
+          style="width: 100%; margin-top: 20px"
           row-key="id"
           class="el-table__body-wrapper tbody"
           @row-click="rowclick"
@@ -204,31 +204,37 @@
         > -->
       </div>
       <div>
-        <el-button type="primary" @click="add">新增</el-button>
+        <el-button type="" @click="add" class="commonbutton">新增</el-button>
       </div>
       <el-button
-        type="primary"
+        type=""
         @click="editpopup"
         style="margin-left: 0; margin-top: 10px"
+        class="commonbutton"
         >编辑</el-button
       >
       <!-- <input type="file" accept=".xlsx" @change="onFileChange" /> -->
       <div style="margin-top: 10px">
-        <el-button type="danger" @click="delets">删除</el-button>
+        <el-button type="" @click="delets" class="commonbutton">删除</el-button>
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="topping">置顶</el-button>
+        <el-button type="" @click="topping" class="commonbutton"
+          >置顶</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="toppings">置底</el-button>
+        <el-button type="" @click="toppings" class="commonbutton"
+          >置底</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" :disabled="isshow" @click="assertion"
+        <el-button type="" :disabled="isshow" @click="assertion"
+        class="commonbutton"
           >排序</el-button
         >
       </div>
       <div style="margin-top: 5px">
-        <el-button type="primary" :disabled="isshow" @click="cancellation"
+        <el-button type="" :disabled="isshow" @click="cancellation"  class="commonbutton"
           >取消</el-button
         >
       </div>
@@ -806,6 +812,11 @@ export default {
 };
 </script>
 <style scoped>
+::v-deep .el-table__header th {
+  /* font-size: px; */
+  background-color: rgb(245, 245, 245); /* 设置表头背景颜色 */
+  color: rgb(113, 113, 113); /* 设置表头文字颜色 */
+}
 .subjecttitle {
   display: flex;
   justify-content: center;

src/views/fee-settings/MedicalPackage.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="box">
-    <div style="width: 95%">
-      <el-card>
+    <div style="width: 160%">
+      <el-card class="elcard" style="border-radius: 15px">
         <div class="publiccss">项目套餐</div>
         <el-table
           :data="tableData"
-          style="width: 100%;margin-top:20px"
+          style="width: 100%; margin-top: 20px"
           row-key="id"
           class="el-table__body-wrapper tbody"
           @row-click="rowclick"
@@ -56,217 +56,232 @@
           ref="singleTable"
         >
         </comp-table> -->
-      </el-card>
-      <!-- 弹框 -->
-      <el-dialog
-        :title="title == 1 ? '新增' : '编辑'"
-        :visible.sync="dialogVisible"
-        width="75%"
-        :close-on-click-modal="false"
-      >
-        <el-form ref="form" :model="form" label-width="80px" :rules="rules">
-          <el-row>
-            <el-col :span="8">
-              <el-form-item label="名称" prop="displayName">
-                <el-input
-                  ref="refinput"
-                  v-model="form.displayName"
-                  style="width: 80%"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="价格" prop="price">
-                <el-input v-model="form.price" style="width: 80%"></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="适用性别" prop="forSexId">
-                <el-select v-model="form.forSexId" placeholder="请选择">
-                  <el-option
-                    v-for="item in forSexId"
-                    :key="item.id"
-                    :label="item.displayName"
-                    :value="item.id"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="启用标志" prop="isActive">
-                <el-select v-model="form.isActive" placeholder="请选择">
-                  <el-option
-                    v-for="item in isActive"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="8">
-              <el-form-item label="备注" prop="remark">
-                <el-input v-model="form.remark" style="width: 80%"></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-divider></el-divider>
-          <el-row>
-            <el-col :span="6">
-              <el-form-item label="创建者">
-                <el-input v-model="form.creatorName" disabled></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="创建时间">
-                <el-input
-                  :value="form.creationTime | dateFormat"
-                  disabled
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="修改者">
-                <el-input v-model="form.lastModifierName" disabled></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="修改时间">
-                <el-input
-                  :value="form.lastModificationTime | dateFormat"
-                  disabled
-                ></el-input>
-              </el-form-item>
-            </el-col>
-          </el-row>
+
+        <!-- 弹框 -->
+        <el-dialog
+          :title="title == 1 ? '新增' : '编辑'"
+          :visible.sync="dialogVisible"
+          width="75%"
+          :close-on-click-modal="false"
+        >
+          <el-form ref="form" :model="form" label-width="80px" :rules="rules">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item label="名称" prop="displayName">
+                  <el-input
+                    ref="refinput"
+                    v-model="form.displayName"
+                    style="width: 80%"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="价格" prop="price">
+                  <el-input v-model="form.price" style="width: 80%"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="适用性别" prop="forSexId">
+                  <el-select v-model="form.forSexId" placeholder="请选择">
+                    <el-option
+                      v-for="item in forSexId"
+                      :key="item.id"
+                      :label="item.displayName"
+                      :value="item.id"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="启用标志" prop="isActive">
+                  <el-select v-model="form.isActive" placeholder="请选择">
+                    <el-option
+                      v-for="item in isActive"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="备注" prop="remark">
+                  <el-input v-model="form.remark" style="width: 80%"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-divider></el-divider>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item label="创建者">
+                  <el-input v-model="form.creatorName" disabled></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="创建时间">
+                  <el-input
+                    :value="form.creationTime | dateFormat"
+                    disabled
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="修改者">
+                  <el-input v-model="form.lastModifierName" disabled></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="修改时间">
+                  <el-input
+                    :value="form.lastModificationTime | dateFormat"
+                    disabled
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <!--  -->
+          </el-form>
           <!--  -->
-        </el-form>
+
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="onsbmit">确 定</el-button>
+          </span>
+        </el-dialog>
         <!--  -->
 
-        <span slot="footer" class="dialog-footer">
-          <el-button @click="dialogVisible = false">取 消</el-button>
-          <el-button type="primary" @click="onsbmit">确 定</el-button>
-        </span>
-      </el-dialog>
-      <!--  -->
-      <span style="margin-top: 10px; padding: 5px; margin-left: 28.5%"
-        >项目类别</span
-      >
-      <el-select
-        v-model="values"
-        placeholder="请选择"
-        @change="ischangs"
-        style="margin-top: 5px"
-      >
-        <el-option
-          v-for="item in projectid"
-          :key="item.id"
-          :label="item.displayName"
-          :value="item.id"
+        <span style="margin-top: 10px; padding: 5px; margin-left: 28.5%"
+          >项目类别</span
         >
-        </el-option>
-      </el-select>
-      <span style="margin-left: 10%; padding: 5px">搜索选择</span>
-      <el-select
-        @change="chooseapackage"
-        value-key="id"
-        filterable
-        v-model="flitvalues"
-        placeholder="请选择"
-        style="margin-top: 5px"
-      >
-        <el-option
-          v-for="item in medicalpackage"
-          :key="item.id"
-          :label="item.displayName"
-          :value="item"
+        <el-select
+          v-model="values"
+          placeholder="请选择"
+          @change="ischangs"
+          style="margin-top: 5px"
         >
-        </el-option>
-      </el-select>
-      <div class="mainbox">
-        <div class="mainleftbox">
-          <div class="weixuan">未选项目</div>
-          <div
-            v-for="(item, index) in leftdata"
-            :key="index"
-            @click="clickPaixu(item, index)"
-            @dblclick="shuanji(item, index)"
-            :class="num === index ? 'activetext' : ''"
-            style=""
+          <el-option
+            v-for="item in projectid"
+            :key="item.id"
+            :label="item.displayName"
+            :value="item.id"
           >
-            <div>{{ item.displayName }}</div>
-          </div>
-        </div>
-        <div class="Selectbutton">
-          <div style="margin-top: 10px">
-            <el-button @click="addall"
-              >全添加<i class="el-icon-caret-right"></i
-              ><i class="el-icon-caret-right"></i
-            ></el-button>
-          </div>
-          <div style="margin-top: 10px">
-            <el-button @click="addobj" style="width: 111px"
-              >添加<i class="el-icon-caret-right"></i>
-            </el-button>
+          </el-option>
+        </el-select>
+        <span style="margin-left: 10%; padding: 5px">搜索选择</span>
+        <el-select
+          @change="chooseapackage"
+          value-key="id"
+          filterable
+          v-model="flitvalues"
+          placeholder="请选择"
+          style="margin-top: 5px"
+        >
+          <el-option
+            v-for="item in medicalpackage"
+            :key="item.id"
+            :label="item.displayName"
+            :value="item"
+          >
+          </el-option>
+        </el-select>
+        <div class="mainbox">
+          <div class="mainleftbox">
+            <div class="weixuan">未选项目</div>
+            <div
+              v-for="(item, index) in leftdata"
+              :key="index"
+              @click="clickPaixu(item, index)"
+              @dblclick="shuanji(item, index)"
+              :class="num === index ? 'activetext' : ''"
+              style=""
+            >
+              <div>{{ item.displayName }}</div>
+            </div>
           </div>
-          <div style="margin-top: 10px">
-            <el-button @click="removeright" style="width: 111px"
-              >移去<i class="el-icon-caret-left"></i>
-            </el-button>
+          <div class="Selectbutton">
+            <div style="margin-top: 10px">
+              <el-button @click="addall"
+                >全添加<i class="el-icon-caret-right"></i
+                ><i class="el-icon-caret-right"></i
+              ></el-button>
+            </div>
+            <div style="margin-top: 10px">
+              <el-button @click="addobj" style="width: 111px"
+                >添加<i class="el-icon-caret-right"></i>
+              </el-button>
+            </div>
+            <div style="margin-top: 10px">
+              <el-button @click="removeright" style="width: 111px"
+                >移去<i class="el-icon-caret-left"></i>
+              </el-button>
+            </div>
+            <div style="margin-top: 10px">
+              <el-button @click="allclear"
+                >全移去<i class="el-icon-caret-left"></i
+                ><i class="el-icon-caret-left"></i>
+              </el-button>
+            </div>
           </div>
-          <div style="margin-top: 10px">
-            <el-button @click="allclear"
-              >全移去<i class="el-icon-caret-left"></i
-              ><i class="el-icon-caret-left"></i>
-            </el-button>
+          <div class="mainleftbox">
+            <div class="weixuan">已选项目</div>
+            <div
+              v-for="(item, index) in rightdata"
+              :key="index"
+              @click="rightindex(item, index)"
+              @dblclick="rightdelite(item, index)"
+              :class="nums === index ? 'activetext' : ''"
+            >
+              <div>{{ item.displayName }}</div>
+            </div>
           </div>
         </div>
-        <div class="mainleftbox">
-          <div class="weixuan">已选项目</div>
-          <div
-            v-for="(item, index) in rightdata"
-            :key="index"
-            @click="rightindex(item, index)"
-            @dblclick="rightdelite(item, index)"
-            :class="nums === index ? 'activetext' : ''"
-          >
-            <div>{{ item.displayName }}</div>
-          </div>
+        <div class="confirmcancellation">
+          <el-button :disabled="isdislob" @click="Onsubmit">确定</el-button>
+          <el-button :disabled="isdislob">取消</el-button>
         </div>
-      </div>
-      <div class="confirmcancellation">
-        <el-button :disabled="isdislob" @click="Onsubmit">确定</el-button>
-        <el-button :disabled="isdislob">取消</el-button>
-      </div>
+      </el-card>
     </div>
 
     <!-- 按钮区域 -->
     <div style="margin-left: 10px; margin-top: 5%">
-      <el-button type="primary" @click="add">新增</el-button>
+      <el-button type="" @click="add" class="commonbutton">新增</el-button>
       <el-button
-        type="primary"
+        type=""
         @click="editpopup"
         style="margin-left: 0; margin-top: 10px"
+        class="commonbutton"
         >编辑</el-button
       >
       <div style="margin-top: 10px">
-        <el-button type="danger" @click="delets">删除</el-button>
+        <el-button type="" @click="delets" class="commonbutton">删除</el-button>
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="topping">置顶</el-button>
+        <el-button type="" @click="topping" class="commonbutton"
+          >置顶</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" @click="toppings">置底</el-button>
+        <el-button type="" @click="toppings" class="commonbutton"
+          >置底</el-button
+        >
       </div>
       <div style="margin-top: 10px">
-        <el-button type="primary" :disabled="isshow" @click="assertion"
+        <el-button
+          type=""
+          :disabled="isshow"
+          @click="assertion"
+          class="commonbutton"
           >排序</el-button
         >
       </div>
-      <div style="margin-top: 5px">
-        <el-button type="primary" :disabled="isshow" @click="cancellation"
+      <div style="margin-top: 10px">
+        <el-button
+          type=""
+          :disabled="isshow"
+          @click="cancellation"
+          class="commonbutton"
           >取消</el-button
         >
       </div>
@@ -703,6 +718,11 @@ export default {
 };
 </script>
 <style scoped>
+::v-deep .el-table__header th {
+  /* font-size: px; */ 
+  background-color: rgb(245, 245, 245); /* 设置表头背景颜色 */
+  color: rgb(113, 113, 113); /* 设置表头文字颜色 */
+}
 .Selectbutton {
   margin-left: 3%;
 }

src/views/fee-settings/SysParmSet.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-card>
+    <el-card class="elcard" style="border-radius: 15px">
       <div class="publiccss">系统参数</div>
       <div style="display: flex; margin-top: 20px">
         <div class="leftTree">
@@ -105,7 +105,6 @@
 import { mapState } from "vuex";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { tcdate, objCopy } from "../../utlis/proFunc";
-
 export default {
   components: {},
   data() {
@@ -218,6 +217,11 @@ export default {
 };
 </script>
 <style scoped>
+::v-deep .el-table__header th {
+  /* font-size: px; */
+  background-color: rgb(245, 245, 245); /* 设置表头背景颜色 */
+  color: rgb(113, 113, 113); /* 设置表头文字颜色 */
+}
 .leftTree {
   overflow: scroll;
   border: 1px solid;

src/views/fee-settings/SysParmType.vue

@@ -1,22 +1,22 @@
 <template>
   <div class="box">
     <div style="width: 95%">
-      <el-card>
+      <el-card >
      
-        <!--  -->
+        <!--  11-->
         <el-row>
           <el-col :span="8">
             <span>组织选择</span>
             <el-select
               v-model="organizationvalue"
               placeholder="请选择"
-              style="margin-left: 15px"
-              filterable
-              @change="changvalue"
+              style="margin-left: 15px" 
+              filterable 
+              @change="changvalue" 
             >
               <el-option
                 v-for="item in organizationdata"
-                :key="item.id"
+                :key="item.id" 
                 :label="item.displayName"
                 :value="item.id"
               >
@@ -158,15 +158,15 @@ export default {
     },
     // getlist() {
     //   getapi("/api/app/sys-parm-type").then((res) => {
-    //     this.tableData = res.data;
+    //     this.tableData = res.data; 
     //     console.log(res);
     //   });
     // },
   },
-};
+}; 
 </script>
 <style scoped>
 .box {
-  display: flex;
+  display: flex;  
 }
 </style>