From a55722601ade8cbd4e7129eaf6de3ed2690a12ef Mon Sep 17 00:00:00 2001
From: lkk <364857242@qq.com>
Date: 星期四, 12 十二月 2024 20:48:33 +0800
Subject: [PATCH] 弃检

---
 src/views/doctor/examination/index.vue |  568 +++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 478 insertions(+), 90 deletions(-)

diff --git a/src/views/doctor/examination/index.vue b/src/views/doctor/examination/index.vue
index 5182571..66e337f 100644
--- a/src/views/doctor/examination/index.vue
+++ b/src/views/doctor/examination/index.vue
@@ -1,129 +1,263 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="68px"
+    >
       <el-form-item label="浣撴鍙�" prop="tjNumber">
-        <el-input v-model="queryParams.tjNumber" placeholder="璇疯緭鍏ヤ綋妫�鍙�" clearable @keyup.enter.native="handleQuery" style="width: 170px"/>
+        <el-input
+          ref="inputName"
+          v-model="queryParams.tjNumber"
+          placeholder="璇疯緭鍏ヤ綋妫�鍙�"
+          clearable
+          @keyup.enter.native="handleQuery"
+          @blur="hb"
+          style="width: 170px"
+        />
       </el-form-item>
       <el-form-item label="濮撳悕" prop="name">
-        <el-input v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable @keyup.enter.native="handleQuery" style="width: 110px"/>
+        <el-input
+          v-model="queryParams.name"
+          placeholder="璇疯緭鍏ュ鍚�"
+          clearable
+          @keyup.enter.native="handleQuery"
+          style="width: 110px"
+        />
       </el-form-item>
       <el-form-item label="鐧昏鏃堕棿" prop="createTimeList">
-        <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions" style="width: 310px" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :default-time="['00:00:00', '23:00:00']" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm"  @change="dateChangebirthday1">
+        <el-date-picker
+          v-model="createTimeList"
+          type="datetimerange"
+          align="right"
+          :picker-options="pickerOptions"
+          style="width: 310px"
+          start-placeholder="寮�濮嬫棩鏈�"
+          end-placeholder="缁撴潫鏃ユ湡"
+          :default-time="['00:00:00', '23:00:00']"
+          format="yyyy-MM-dd HH:mm"
+          value-format="yyyy-MM-dd HH:mm"
+          @change="dateChangebirthday1"
+        >
         </el-date-picker>
       </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-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          style="margin-right: 15px"
+          >鏌ヨ</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >閲嶇疆</el-button
+        >
       </el-form-item>
     </el-form>
-    <el-radio-group v-model="checkStatus" @input="radioChange" style="margin: 10px 15px">
+    <el-radio-group
+      v-model="checkStatus"
+      @input="radioChange"
+      style="margin: 10px 15px"
+    >
       <el-radio-button label="0">鏈鏍�</el-radio-button>
       <el-radio-button label="1">宸插鏍�</el-radio-button>
     </el-radio-group>
 
     <div style="width: 100%; margin-left: 10px; display: flex">
-      <div style="width: 40%; margin-right: 20px">
-        <el-table id="ta" v-loading="loading" ref="tb" :data="exaList" border height="520px" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName">
-          <el-table-column type="selection" width="40" align="center" />
-          <el-table-column label="浣撴鍙�" align="center" prop="tjNumber" width="160px"/>
-          <el-table-column label="濮撳悕" align="center" prop="cusName" width="80px"/>
-          <el-table-column label="鎬у埆" align="center" prop="cusSex" width="60px">
+      <div style="width: 40.5%; margin-right: 20px">
+        <el-table
+          id="ta"
+          v-loading="loading"
+          ref="tb"
+          :data="exaList"
+          border
+          height="520"
+          :row-class-name="tableRowClassName"
+          highlight-current-row
+          @current-change="handleCurrentChange"
+        >
+          <!-- <el-table-column type="selection" width="40" align="center" /> -->
+          <el-table-column
+            label="浣撴鍙�"
+            align="center"
+            prop="tjNumber"
+            width="160px"
+          />
+          <el-table-column
+            label="濮撳悕"
+            align="center"
+            prop="cusName"
+            width="80px"
+          />
+          <el-table-column
+            label="鎬у埆"
+            align="center"
+            prop="cusSex"
+            width="50px"
+          >
             <template slot-scope="scope">
-              <!-- {{scope.row.customer.cusSex}} -->
-              {{ scope.row.cusSex === 0 ? "鐢�" : "濂�" }}
-              <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> -->
+              <span v-if="scope.row.cusSex == '0'">鐢�</span>
+              <span v-if="scope.row.cusSex == '1'">濂�</span>
+              <span v-if="scope.row.cusSex == '2'">鏈煡</span>
+              <span v-if="scope.row.cusSex == '9'">鏈鏄庢�у埆</span>
             </template>
+            <!-- <template slot-scope="scope"> -->
+            <!-- {{scope.row.customer.cusSex}} -->
+            <!-- {{ scope.row.cusSex === 0 ? "鐢�" : "濂�" }} -->
+            <!-- <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.cusSex " /> -->
+            <!-- </template> -->
           </el-table-column>
-          <el-table-column label="鎵嬫満鍙�" align="center" prop="cusPhone" width="120px"/>
-          <el-table-column label="鐧昏鏃堕棿" align="center" prop="tjTime" width="120px"/>
-          <el-table-column v-if="checkStatus == '1'" label="瀹℃牳鐘舵��" align="center" prop="confirmStatus" width="110px">
+          <el-table-column
+            label="鎵嬫満鍙�"
+            align="center"
+            prop="cusPhone"
+            width="100px"
+          />
+          <el-table-column
+            label="鐧昏鏃堕棿"
+            align="center"
+            prop="tjTime"
+            width="120px"
+          />
+          <el-table-column
+            v-if="checkStatus == '1'"
+            label="瀹℃牳鐘舵��"
+            align="center"
+            prop="confirmStatus"
+            width="80px"
+          >
             <template slot-scope="scope">
-              <span :style="{ color: scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29',}" v-if="scope.row.confirmStatus == '301'">宸查�氳繃</span>
-              <span :style="{ color: scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29',}" v-if="scope.row.confirmStatus == '299'">宸查┏鍥�</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="鎿嶄綔" align="center" >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                v-hasPermi="['reservation:reservation:edit']"
-                v-show=" scope.row.confirmStatus == '299' || scope.row.confirmStatus == 288" 
-                @click="tongguo(scope.row)">閫氳繃</el-button
->
-              <el-button
-                size="mini"
-                type="text"
-                v-hasPermi="['reservation:reservation:edit']"
-                v-show=" scope.row.confirmStatus == '301' || scope.row.confirmStatus == 288"
-                @click="bohui(scope.row)"
-                >鎾ら攢</el-button
+              <span
+                :style="{
+                  color:
+                    scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29',
+                }"
+                v-if="scope.row.confirmStatus == '301'"
+                >宸查�氳繃</span
+              >
+              <span
+                :style="{
+                  color:
+                    scope.row.confirmStatus == '301' ? '#0CB618' : '#EA1B29',
+                }"
+                v-if="scope.row.confirmStatus == '299'"
+                >宸查┏鍥�</span
               >
             </template>
           </el-table-column>
+          <!--   v-hasPermi="['reservation:reservation:edit']" -->
+          <!-- <el-table-column label="鎿嶄綔" align="center" width="120px">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+                @click="tongbu(scope.row)"
+                v-show="
+                  (xianshi == 'Y' || xianshi == 'y') &&
+                  (scope.row.confirmStatus == '299' ||
+                    scope.row.confirmStatus == 288)
+                "
+                >鍚屾</el-button
+              >
+              <el-button
+                :disabled="dis"
+                size="mini"
+                type="text"
+                @click="tongguo(scope.row)"
+                v-show="
+                  (xianshi == 'Y' || xianshi == 'y') &&
+                  (scope.row.confirmStatus == '299' ||
+                    scope.row.confirmStatus == 288)
+                "
+                >閫氳繃</el-button
+              >
+
+              <el-button
+                size="mini"
+                type="text"
+                v-show="
+                  (xianshi == 'Y' || xianshi == 'y') &&
+                  (scope.row.confirmStatus == '301' ||
+                    scope.row.confirmStatus == 288)
+                "
+                @click="bohui(scope.row)"
+                >椹冲洖</el-button
+              >
+            </template>
+          </el-table-column> -->
         </el-table>
       </div>
       <div style="width: 50%">
         <el-table
           v-loading="loading"
           border
-          height="520px"
+          :row-class-name="tableRowClassName"
+          height="520"
           ref="tab1"
           :data="xiangmuList"
+          highlight-current-row
+          @row-click="handleRowClick"
         >
           <!-- <el-table-column type="selection" width="40" align="center" /> -->
           <el-table-column
             label="閮ㄩ棬"
             align="center"
             prop="deptName"
+            width="100"
             :show-overflow-tooltip="true"
           />
           <el-table-column
             label="椤圭洰"
             align="center"
             prop="proName"
-            width="140"
+            width="150"
+            :show-overflow-tooltip="true"
           />
           <el-table-column
             label="鐘舵��"
             align="center"
             prop="type"
             :show-overflow-tooltip="true"
-            width="60"
+            width="100"
           >
             <template slot-scope="scope">
-              <span v-if="scope.row.type == '0'">鏈</span>
-              <span v-if="scope.row.type == '1'">宸叉</span>
+              <span v-if="scope.row.type == '0'" style="color: red"
+                >鏈畬鎴�</span
+              >
+              <span v-if="scope.row.type == '1'">宸插畬鎴�</span>
               <span v-if="scope.row.type == '2'">寮冩</span>
               <span v-if="scope.row.type == '3'">寤舵湡</span>
             </template>
           </el-table-column>
 
-          <el-table-column
+          <!-- <el-table-column
             label="鏀惰垂鏂瑰紡"
             align="center"
             prop="sffs"
             :show-overflow-tooltip="true"
             width="80"
-          />
-          <el-table-column
+          /> -->
+          <!-- <el-table-column
             label="鏄惁鏀惰垂"
             align="center"
             prop="isPay"
             :show-overflow-tooltip="true"
-          />
+          /> -->
           <!-- <el-table-column
             label="绛惧埌鏃堕棿"
             align="center"
             prop="qdcreateTime"
             width="160"
           /> -->
-          <el-table-column
+          <!-- <el-table-column
             label="妫�鏌ュ尰鐢�"
             align="center"
             prop="doctorName"
             width="100"
-          />
+          /> -->
           <el-table-column
             label="妫�鏌ユ椂闂�"
             align="center"
@@ -136,39 +270,150 @@
             prop="bcdoctorName"
             width="120"
           /> -->
-          <el-table-column
+          <!-- <el-table-column
             label="鏈�鍚庝慨鏀规椂闂�"
             align="center"
             prop="zhupdateTime"
             width="160"
-          />
+          /> -->
+          <el-table-column label="鎿嶄綔" align="center" width="120px">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+                :disabled="scope.row.type === 1"
+                @click="qijian(scope.row)"
+                >寮冩</el-button
+              >
+              <el-button
+                size="mini"
+                type="text"
+                @click="queryResultone(scope.row)"
+                >缁撴灉鏌ヨ</el-button
+              >
+              <!--  @click="chaxun(scope.row) " -->
+            </template>
+          </el-table-column>
         </el-table>
       </div>
     </div>
-    <div style="margin-right: 67%">
-      <!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :pager-count="5" :current-page.sync="currentPage1" :current-page="page"
+
+    <!-- <el-drawer title="鎴戞槸鏍囬" :visible.sync="drawer" :with-header="false">
+      <div class="rightbox">
+        <div class="right">
+          <template>
+            <div v-for="(item, index) in xiangmuList" :key="index">
+              <div
+                style="
+                  text-align: center;
+                  background-color: #fde2e2;
+                  margin-top: 10px;
+                "
+              >
+                {{ item.proName || "" }}
+              </div>
+              <el-table
+                :stripe="true"
+                :row-style="red"
+                :data="item.sone"
+                border
+                style="width: 100%"
+                :header-cell-style="{ background: 'Transparent' }"
+              >
+                <el-table-column type="expand">
+                  <template slot-scope="props">
+                    <div
+                      v-if="props.row.advices && props.row.advices.length > 0"
+                    >
+                      <div
+                        v-for="(jianyi, index1) in props.row.advices"
+                        :key="index1"
+                        style="padding: 0 10px; margin-bottom: 10px"
+                      >
+                        <div>鏍囬锛歿{ jianyi.bt || "" }}</div>
+                        <div>鍐呭锛歿{ jianyi.nr || "" }}</div>
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+
+                <el-table-column align="center" label="妫�娴嬮」鐩�" width="335">
+                  <template slot-scope="scope">
+                    <div>{{ scope.row.proName }}</div>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  prop="proResult"
+                  label="妫�娴嬬粨鏋�"
+                  width="85"
+                >
+                </el-table-column>
+
+                <el-table-column
+                  align="center"
+                  prop="stanId"
+                  label=" 鍙傝�冭寖鍥�"
+                  width="117"
+                >
+                </el-table-column>
+
+                <el-table-column
+                  align="center"
+                  prop="proAdvice"
+                  label="鍗曚綅"
+                  width="78"
+                >
+                </el-table-column>
+              </el-table>
+            </div>
+           
+          </template>
+        </div>
+      </div>
+    </el-drawer> -->
+
+    <div class="pag">
+      <div class="pag1">
+        <!-- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :pager-count="5" :current-page.sync="currentPage1" :current-page="page"
                 :page-sizes="pageSize" :page-size="size" layout="total, sizes, prev, pager, next, jumper" :total="total">
             </el-pagination> -->
-      <pagination
-        v-show="total > 0"
-        :total="total"
-        :page.sync="queryParams.page"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-      />
+        <pagination
+          v-show="total > 0"
+          :total="total"
+          :pager-count="5"
+          :page.sync="queryParams.page"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-import { getCsList, confirmOrder, cSWebGetPro } from "@/api/doctor/examination";
+import { getConfigKey } from "@/api/system/config";
+import {
+  getCsList,
+  confirmOrder,
+  cSWebGetPro,
+  dataSynchronization,
+  qijian,
+} from "@/api/doctor/examination";
+import { getNewDateList } from "@/api/hosp/order";
+import moment from "moment";
+
 export default {
   dicts: ["dict_tj_status"],
   data() {
     return {
+      dis: false,
       createTimeList: "",
+      currentRow: null,
       total: 0,
       loading: true,
+      selectedTjNumber: "",
+      drawer: false,
       // 鏌ヨ鍙傛暟
       queryParams: {
         page: 1,
@@ -184,7 +429,9 @@
       checkStatus: "0",
       exaList: [],
       // 琛ㄥ崟鍙傛暟
+      xianshi: "",
       form: {},
+      clearTimeSet: null,
       tjNumbers: "",
       multipleSelection: "",
       tjnum: "",
@@ -226,10 +473,35 @@
     };
   },
   created() {
-    this.getList();
+    this.getdate();
+
     // this.getNowTime();
   },
+
+  mounted() {
+    this.$nextTick(() => {
+      this.$refs.inputName.focus();
+    });
+  },
   methods: {
+    red() {
+      return {
+        color: "red",
+      };
+    },
+    getdate() {
+      getConfigKey("tj_confirm").then((res) => {
+        this.xianshi = res.msg;
+        console.log(this.xianshi, 999);
+      });
+      getNewDateList().then((res) => {
+        this.createTimeList = [
+          moment(res.data).format("YYYY-MM-DD 00:00:00"),
+          moment(res.data).format("YYYY-MM-DD 23:59:00"),
+        ];
+        this.getList();
+      });
+    },
     // / 澶勭悊榛樿閫変腑褰撳墠鏃ユ湡
     getNowTime() {
       var curDate = new Date().getTime();
@@ -266,27 +538,34 @@
       this.startTime = val;
     },
     getList() {
-      this.queryParams.checkStatus = "0";
-      this.queryParams.beginTime = this.createTimeList[0];
-      this.queryParams.endTime = this.createTimeList[1];
+      this.loading = true;
+      this.queryParams.checkStatus = this.checkStatus;
+      if (this.createTimeList) {
+        this.queryParams.beginTime = this.createTimeList[0];
+        this.queryParams.endTime = this.createTimeList[1];
+      } else if (this.createTimeList == null) {
+        this.queryParams.beginTime = null;
+        this.queryParams.endTime = null;
+      }
+
       getCsList(this.queryParams).then((res) => {
-        if (res.data) {
-          this.exaList = res.data.customers;
-          this.total = res.data.total;
+        if (res.code == 200) {
           this.loading = false;
-          if (this.exaList.length != 0) {
-            this.$nextTick(() => {
-              this.$refs.tb.toggleRowSelection(this.exaList[0], true);
-            });
+          if (res.data) {
+            this.exaList = res.data.customers;
+            this.total = res.data.total;
+            if (this.exaList.length != 0) {
+              this.$nextTick(() => {
+                this.$refs.tb.toggleRowSelection(this.exaList[0], true);
+              });
+            } else {
+              this.$refs.tb.clearSelection();
+            }
+            this.total = res.data.total;
           } else {
-            this.$refs.tb.clearSelection();
+            this.exaList = [];
+            this.tableList = [];
           }
-          this.total = res.data.total;
-          this.loading = false;
-        } else {
-          this.exaList = [];
-          this.tableList = [];
-          this.loading = false;
         }
       });
     },
@@ -295,18 +574,27 @@
       this.loading = true;
       this.queryParams.checkStatus = value;
       getCsList(this.queryParams).then((response) => {
-        this.exaList = response.data.customers;
-        if (this.exaList.length != 0) {
-          this.$nextTick(() => {
-            this.$refs.tb.toggleRowSelection(this.exaList[0], true);
-          });
-        } else {
-          this.$refs.tb.clearSelection();
-          this.xiangmuList = [];
+        if (response.code == 200) {
+          this.exaList = response.data.customers;
+          if (this.exaList.length != 0) {
+            this.$nextTick(() => {
+              this.$refs.tb.toggleRowSelection(this.exaList[0], true);
+            });
+          } else {
+            this.$refs.tb.clearSelection();
+            this.xiangmuList = [];
+          }
+          this.total = response.data.total;
+          this.loading = false;
         }
-        this.total = response.data.total;
-        this.loading = false;
       });
+    },
+
+    hb() {
+      // console.log(this.queryParams.tjNumber);
+      if (this.queryParams.tjNumber != null) {
+        this.handleQuery();
+      }
     },
     /** 鎼滅储鎸夐挳鎿嶄綔 */
     handleQuery() {
@@ -315,6 +603,7 @@
     },
     /** 閲嶇疆鎸夐挳鎿嶄綔 */
     resetQuery() {
+      this.createTimeList = [];
       this.resetForm("queryForm");
       this.handleQuery();
       this.loading = true;
@@ -335,6 +624,14 @@
         let tjNumber = this.tjnum;
         cSWebGetPro(tjNumber).then((res) => {
           this.xiangmuList = res.data;
+          this.xiangmuList.forEach((item) => {
+            // console.log(item);
+            // if (item.type == 0) {
+            //   this.dis = true;
+            // } else {
+            //   this.dis = false;
+            // }
+          });
         });
       });
     },
@@ -344,6 +641,24 @@
           return "warning-row";
         }
       }
+    },
+    handleCurrentChange(val) {
+      this.currentRow = val;
+      let tjNumber = val.tjNumber;
+      this.selectedTjNumber = val.tjNumber;
+      console.log(this.currentRow, 4455);
+
+      cSWebGetPro(tjNumber).then((res) => {
+        this.xiangmuList = res.data;
+        this.xiangmuList.forEach((item) => {
+          // console.log(item);
+          // if (item.type == 0) {
+          //   this.dis = true;
+          // } else {
+          //   this.dis = false;
+          // }
+        });
+      });
     },
     // 閫氳繃鎸夐挳
     tongguo(row) {
@@ -359,11 +674,71 @@
         };
         confirmOrder(data).then((res) => {
           if (res.code == 200) {
+            // this.$forceUpdate();
             this.getList();
+            this.xiangmuList = [];
             this.$modal.msgSuccess("鎻愪氦鎴愬姛锛�");
           }
         });
       });
+    },
+
+    // 寮冩鎸夐挳
+    qijian(row) {
+      const tjNUm = this.selectedTjNumber;
+      const proId = row.proId;
+
+      qijian(tjNUm, proId).then((res) => {
+        if (res.code == 200) {
+          cSWebGetPro(tjNUm).then((res) => {
+            if (res.code === 200) {
+              // 鏇存柊鍙宠竟琛ㄦ牸鐨勬暟鎹�
+              this.xiangmuList = res.data;
+            }
+          });
+        }
+      });
+    },
+    chaxun() {},
+    handleRowClick(row, column, event) {
+      console.log(row); //
+    },
+    queryResultone(row) {
+      // 灏嗗綋鍓嶈鐨勬暟鎹瓨鍌ㄥ埌 currentRow
+      // this.currentRow = row;
+      // console.log(this.currentRow, 999555);
+
+      // 鎵撳紑鎶藉眽
+      this.drawer = true;
+    },
+    setTime() {
+      //璁剧疆瀹氭椂鍣�
+      this.clearTimeSet = setInterval(() => {
+        this.$modal.closeLoading();
+      }, 300000);
+    },
+    tongbu(row) {
+      // this.$refs.tb.toggleRowSelection(row);
+      this.$modal.loading("姝e湪鍚屾锛岃绋嶅��...");
+      this.setTime();
+      let tjNumber = row.tjNumber;
+      dataSynchronization(tjNumber)
+        .then((res, error) => {
+          if (res.code == 200) {
+            // this.$forceUpdate();
+            this.handleCurrentChange(row);
+            clearInterval(this.clearTimeSet);
+            this.clearTimeSet = null;
+            this.$modal.closeLoading();
+            this.$modal.msgSuccess("鍚屾鎴愬姛锛�");
+          }
+        })
+        .catch((error) => {
+          this.handleCurrentChange(row);
+          clearInterval(this.clearTimeSet);
+          this.clearTimeSet = null;
+          this.$modal.closeLoading();
+        });
     },
     // 椹冲洖鎸夐挳
     bohui(row) {
@@ -397,4 +772,17 @@
 .el-table .warning-row {
   background: #e5f3ff !important;
 }
+::v-deep .el-table__body tr.current-row > td {
+  background: #edf2fa !important;
+}
+
+.pag {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.pag1 {
+  width: 30%;
+}
 </style>
\ No newline at end of file

--
Gitblit v1.8.0