From 7a2d49aeff16e1122ed33ebb858f093a379fb960 Mon Sep 17 00:00:00 2001 From: qx <1084500556@qq.com> Date: 星期二, 15 四月 2025 17:11:03 +0800 Subject: [PATCH] wx --- src/views/hosp/advicerules/index.vue | 563 ++++++++++++++++++++----------------------------------- 1 files changed, 209 insertions(+), 354 deletions(-) diff --git a/src/views/hosp/advicerules/index.vue b/src/views/hosp/advicerules/index.vue index 3f305a6..8c18cfb 100644 --- a/src/views/hosp/advicerules/index.vue +++ b/src/views/hosp/advicerules/index.vue @@ -1,273 +1,138 @@ <template> <div class="app-container"> - <el-form - :model="queryParams" - ref="queryForm" - size="small" - :inline="true" - v-show="showSearch" - label-width="68px" - > + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="绉戝" prop="ks"> - <el-input - v-model="queryParams.ks" - placeholder="璇疯緭鍏ョ瀹�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.ks" placeholder="璇疯緭鍏ョ瀹�" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="妫�鏌ラ」鐩�" prop="jcxm"> - <el-input - v-model="queryParams.jcxm" - placeholder="璇疯緭鍏ユ鏌ラ」鐩�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.jcxm" placeholder="璇疯緭鍏ユ鏌ラ」鐩�" clearable @keyup.enter.native="handleQuery" /> </el-form-item> <el-form-item label="涓昏璇婃柇" prop="zyzd"> - <el-input - v-model="queryParams.zyzd" - placeholder="璇疯緭鍏ヤ富瑕佽瘖鏂�" - clearable - @keyup.enter.native="handleQuery" - /> + <el-input v-model="queryParams.zyzd" placeholder="璇疯緭鍏ヤ富瑕佽瘖鏂�" clearable @keyup.enter.native="handleQuery" /> </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">鎼滅储</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" - plain - icon="el-icon-plus" - size="mini" - @click="handleAdd" - v-hasPermi="['hosp:advicerules:add']" - >鏂板 + <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" + v-hasPermi="['hosp:advicerules:add']">鏂板 </el-button> </el-col> <el-col :span="1.5"> - <el-button - type="success" - plain - icon="el-icon-edit" - size="mini" - :disabled="single" - @click="handleUpdate" - v-hasPermi="['hosp:advicerules:edit']" - >淇敼 + <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" + v-hasPermi="['hosp:advicerules:edit']">淇敼 </el-button> </el-col> <el-col :span="1.5"> - <el-button - type="danger" - plain - icon="el-icon-delete" - size="mini" - :disabled="multiple" - @click="handleDelete" - v-hasPermi="['hosp:advicerules:remove']" - >鍒犻櫎 + <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" + v-hasPermi="['hosp:advicerules:remove']">鍒犻櫎 </el-button> </el-col> <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-upload2" - size="mini" - @click="handleImport" - >瀵煎叆 + <el-button type="warning" plain icon="el-icon-upload2" size="mini" @click="handleImport">瀵煎叆 </el-button> </el-col> <el-col :span="1.5"> - <el-button - type="warning" - plain - icon="el-icon-download" - size="mini" - @click="handleExport" - v-hasPermi="['hosp:advicerules:export']" - >瀵煎嚭 + <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" + v-hasPermi="['hosp:advicerules:export']">瀵煎嚭 </el-button> </el-col> - <right-toolbar - :showSearch.sync="showSearch" - @queryTable="getList" - ></right-toolbar> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> - <el-table - v-loading="loading" - :data="advicerulesList" - @selection-change="handleSelectionChange" - > - <el-table-column type="selection" width="55" align="center" /> - <el-table-column label="搴忓彿" width="50" align="center"> - <template slot-scope="scope"> - {{ scope.$index + 1 }} - <!-- 浣跨敤 $index 鏉ユ樉绀哄簭鍙凤紝浠�1寮�濮� --> - </template> - </el-table-column> - <el-table-column label="缂栫爜" align="center" prop="bm" /> - <el-table-column label="绉戝" align="center" prop="ks" /> - <el-table-column label="妫�鏌ラ」鐩�" align="center" prop="jcxm" /> - <el-table-column - label="涓昏璇婃柇" - align="center" - :show-overflow-tooltip="true" - width="120" - prop="zyzd" - /> - <el-table-column - label="寤鸿鍚嶇О" - align="center" - :show-overflow-tooltip="true" - width="150" - prop="jymc" - /> - <el-table-column - label="寤鸿鍐呭" - align="center" - :show-overflow-tooltip="true" - width="200" - prop="jynr" - /> - <el-table-column label="鎬у埆" align="center" prop="xb" :formatter="formatSex" /> - <el-table-column label="鑼冨洿" align="center" prop="fwz" /> - <el-table-column label="鑼冨洿鏈�灏忓��" align="center" prop="fwzxz" /> - <el-table-column label="鑼冨洿鏈�澶у��" align="center" prop="fwzdz" /> - <el-table-column label="寮傚父鏍囧織" align="center" prop="ycbz" /> - <el-table-column label="鏄惁鐤剧梾" align="center" prop="sfjb"> - </el-table-column> - <el-table-column label="鏄惁甯歌鐥�" align="center" prop="sfcjb"> - </el-table-column> - <el-table-column label="鏄惁鎱㈡�х梾" align="center" prop="sfmxb"> - </el-table-column> - <el-table-column - label="鏄惁閲嶅ぇ鐤剧梾" - align="center" - width="120" - prop="sfzdjb" - ></el-table-column> - <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:advicerules:edit']" - > - </el-button> - <el-button - size="mini" - type="text" - icon="el-icon-delete" - @click="handleDelete(scope.row)" - v-hasPermi="['hosp:advicerules:remove']" - > - </el-button> - </template> - </el-table-column> - </el-table> + <el-row :gutter="20" style="display: flex"> + <el-col :span="5" :xs="24"> + <div class="head-container"> + <el-input v-model="xmmc" placeholder="璇疯緭鍏ラ」鐩悕" clearable size="small" prefix-icon="el-icon-search" + style="margin-bottom: 20px" /> + </div> + <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-col> + <el-col :span="19" :xs="24"> - <pagination - v-show="total > 0" - :total="total" - :page.sync="queryParams.pageNum" - :limit.sync="queryParams.pageSize" - @pagination="getList" - /> + <el-table v-loading="loading" :data="advicerulesList" @selection-change="handleSelectionChange" height="520"> + <el-table-column type="selection" width="55" align="center" /> + <el-table-column label="搴忓彿" width="50" align="center"> + <template slot-scope="scope"> + {{ scope.$index + 1 }} + <!-- 浣跨敤 $index 鏉ユ樉绀哄簭鍙凤紝浠�1寮�濮� --> + </template> + </el-table-column> + <el-table-column label="缂栫爜" align="center" prop="bm" /> + <el-table-column label="绉戝" align="center" prop="ks" /> + <el-table-column label="妫�鏌ラ」鐩�" align="center" prop="jcxm" /> + <el-table-column label="涓昏璇婃柇" align="center" :show-overflow-tooltip="true" width="120" prop="zyzd" /> + <el-table-column label="寤鸿鍚嶇О" align="center" :show-overflow-tooltip="true" width="150" prop="jymc" /> + <el-table-column label="寤鸿鍐呭" align="center" :show-overflow-tooltip="true" width="200" prop="jynr" /> + <el-table-column label="鎬у埆" align="center" prop="xb" :formatter="formatSex" /> + <el-table-column label="鑼冨洿" align="center" prop="fwz" /> + <el-table-column label="鑼冨洿鏈�灏忓��" align="center" prop="fwzxz" /> + <el-table-column label="鑼冨洿鏈�澶у��" align="center" prop="fwzdz" /> + <el-table-column label="寮傚父鏍囧織" align="center" prop="ycbz" /> + <el-table-column label="鏄惁鐤剧梾" align="center" prop="sfjb"> + </el-table-column> + <el-table-column label="鏄惁甯歌鐥�" align="center" prop="sfcjb"> + </el-table-column> + <el-table-column label="鏄惁鎱㈡�х梾" align="center" prop="sfmxb"> + </el-table-column> + <el-table-column label="鏄惁閲嶅ぇ鐤剧梾" align="center" width="120" prop="sfzdjb"></el-table-column> + <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:advicerules:edit']"> + </el-button> + <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" + v-hasPermi="['hosp:advicerules:remove']"> + </el-button> + </template> + </el-table-column> + </el-table> + <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> + </el-col> + </el-row> + <!-- 娣诲姞鎴栦慨鏀逛綋妫�椤圭洰寤鸿瑙勫垯鏂拌〃瀵硅瘽妗� --> - <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-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="绉戝" prop="ks"> - <el-select - v-model="form.ks" - placeholder="璇烽�夋嫨绉戝" - style="width: 200px" - @change="idFn" - > - <el-option - v-for="item in departmentOptions" - :key="item.id" - :label="item.label" - :value="item.label" - /> + <el-select v-model="form.ks" placeholder="璇烽�夋嫨绉戝" style="width: 200px" @change="idFn"> + <el-option v-for="item in departmentOptions" :key="item.id" :label="item.label" :value="item.label" /> </el-select> </el-form-item> <el-form-item label="妫�鏌ラ」鐩�" prop="jcxm"> - <el-input - v-model="form.jcxm" - placeholder="璇疯緭鍏ユ鏌ラ」鐩�" - style="width: 200px" - /> + <el-input v-model="form.jcxm" placeholder="璇疯緭鍏ユ鏌ラ」鐩�" style="width: 200px" /> </el-form-item> <el-form-item label="涓昏璇婃柇" prop="zyzd"> - <el-input - v-model="form.zyzd" - placeholder="璇疯緭鍏ヤ富瑕佽瘖鏂�" - style="width: 200px" - /> + <el-input v-model="form.zyzd" placeholder="璇疯緭鍏ヤ富瑕佽瘖鏂�" style="width: 200px" /> </el-form-item> <el-form-item label="鑼冨洿" prop="fwz"> - <el-input - v-model="form.fwz" - placeholder="璇疯緭鍏ヨ寖鍥�" - style="width: 200px" - /> + <el-input v-model="form.fwz" placeholder="璇疯緭鍏ヨ寖鍥�" style="width: 200px" /> </el-form-item> <el-form-item label="鏈�灏忓��" prop="fwzxz"> - <el-input - v-model="form.fwzxz" - style="width: 200px" - placeholder="璇疯緭鍏ヨ寖鍥存渶灏忓��" - /> + <el-input v-model="form.fwzxz" style="width: 200px" placeholder="璇疯緭鍏ヨ寖鍥存渶灏忓��" /> </el-form-item> <el-form-item label="鏈�澶у��" prop="fwzdz"> - <el-input - v-model="form.fwzdz" - style="width: 200px" - placeholder="璇疯緭鍏ヨ寖鍥存渶澶у��" - /> + <el-input v-model="form.fwzdz" style="width: 200px" placeholder="璇疯緭鍏ヨ寖鍥存渶澶у��" /> </el-form-item> <el-form-item label="寮傚父鏍囧織" prop="ycbz"> - <el-input - v-model="form.ycbz" - style="width: 200px" - placeholder="璇疯緭鍏ュ紓甯告爣蹇�" - /> + <el-input v-model="form.ycbz" style="width: 200px" placeholder="璇疯緭鍏ュ紓甯告爣蹇�" /> </el-form-item> <el-form-item label="鐤剧梾" prop="sfjb"> @@ -275,66 +140,31 @@ </el-checkbox> </el-form-item> <el-form-item label="甯歌鐥�" prop="sfcjb"> - <el-checkbox - v-model="form.sfcjb" - true-label="鏄�" - false-label="" - ></el-checkbox> + <el-checkbox v-model="form.sfcjb" true-label="鏄�" false-label=""></el-checkbox> </el-form-item> <el-form-item label="鎱㈡�х梾" prop="sfmxb"> - <el-checkbox - v-model="form.sfmxb" - true-label="鏄�" - false-label="" - ></el-checkbox> + <el-checkbox v-model="form.sfmxb" true-label="鏄�" false-label=""></el-checkbox> </el-form-item> <el-form-item label="閲嶅ぇ鐤剧梾" prop="sfzdjb"> - <el-checkbox - v-model="form.sfzdjb" - true-label="鏄�" - false-label="" - ></el-checkbox> + <el-checkbox v-model="form.sfzdjb" true-label="鏄�" false-label=""></el-checkbox> </el-form-item> <el-form-item label="鎬у埆" prop="xb"> - <el-select - v-model="form.xb" - placeholder="璇烽�夋嫨浣撴浜烘�у埆" - style="width: 200px" - clearable - > - <el-option - v-for="dict in dict.type.sys_user_sex" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> + <el-select v-model="form.xb" placeholder="璇烽�夋嫨浣撴浜烘�у埆" style="width: 200px" clearable> + <el-option v-for="dict in dict.type.sys_user_sex" :key="dict.value" :label="dict.label" + :value="dict.value"></el-option> </el-select> </el-form-item> <el-form-item label="寤鸿鍚嶇О" prop="jymc" style="display: block"> - <el-input - v-model="form.jymc" - placeholder="璇疯緭鍏ュ缓璁悕绉�" - style="width: 200px" - /> + <el-input v-model="form.jymc" placeholder="璇疯緭鍏ュ缓璁悕绉�" style="width: 200px" /> </el-form-item> <el-form-item label="寤鸿鍐呭" prop="jynr"> - <span - slot="label" - style="display: inline-block; border-bottom: 2px solid blue" - @click="getDetailed" - > + <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.jynr" - placeholder="璇疯緭鍏ュ缓璁唴瀹�" - > + <el-input v-if="key !== 'N'" style="width: 782px" type="textarea" :rows="3" v-model="form.jynr" + placeholder="璇疯緭鍏ュ缓璁唴瀹�"> </el-input> </el-form-item> </el-form> @@ -344,25 +174,10 @@ </div> </el-dialog> - <el-dialog - :title="upload.title" - :visible.sync="upload.open" - width="400px" - append-to-body - > - <el-upload - ref="upload" - :limit="1" - accept=".xlsx, .xls" - :headers="upload.headers" - :data="data" - :action="upload.url" - :disabled="upload.isUploading" - :on-progress="handleFileUploadProgress" - :on-success="handleFileSuccess" - :auto-upload="false" - drag - > + <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body> + <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :data="data" + :action="upload.url" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" + :on-success="handleFileSuccess" :auto-upload="false" drag> <i class="el-icon-upload"></i> <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div> <div class="el-upload__tip text-center" slot="tip"> @@ -387,87 +202,32 @@ </el-dialog> <!-- 寤鸿鍐呭鍙婂缓璁悕绉板脊妗� --> - <el-dialog - title="寤鸿鍐呭" - :visible.sync="dialogTableVisible" - width="80%" - :close-on-click-modal="false" - @close="clearForm" - > + <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 :model="form" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form-item label="鏍囬" prop="title"> - <el-input - v-model="queryParam1.bt" - placeholder="璇疯緭鍏ユ爣棰�" - clearable - @keyup.enter.native="handlecharge" - /> + <el-input v-model="queryParam1.bt" placeholder="璇疯緭鍏ユ爣棰�" clearable @keyup.enter.native="handlecharge" /> </el-form-item> <el-form-item label="寤鸿鍐呭" prop="jynr"> - <el-input - v-model="queryParam1.nr" - placeholder="璇疯緭鍏ュ缓璁�" - clearable - @keyup.enter.native="handlecharge" - /> + <el-input v-model="queryParam1.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-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 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-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="queryParam1.page" - :limit.sync="queryParam1.pageSize" - @pagination="getlistJynr" - /> + <pagination v-show="total > 0" :total="total" :page.sync="queryParam1.page" + :limit.sync="queryParam1.pageSize" @pagination="getlistJynr" /> </div> </div> </div> @@ -486,6 +246,7 @@ delAdvicerules, addAdvicerules, updateAdvicerules, + getTjProAdvicerulesKsList, } from "@/api/hosp/advicerules"; import { listAdvice } from "@/api/advice/advice"; import { getToken } from "@/utils/auth"; @@ -512,8 +273,11 @@ // 浣撴椤圭洰寤鸿瑙勫垯鏂拌〃琛ㄦ牸鏁版嵁 advicerulesList: [], adviceList: [], + deptOptions: [], + treeId: [], // 寮瑰嚭灞傛爣棰� title: "", + xmmc: "", // 鏄惁鏄剧ず寮瑰嚭灞� open: false, key: "", @@ -521,6 +285,10 @@ businessName: "exampleBusiness", // 绀轰緥涓氬姟鍚� objs: {}, departmentOptions: [], + defaultProps: { + children: "children", + label: "label", + }, // 鏌ヨ鍙傛暟 queryParams: { pageNum: 1, @@ -573,15 +341,73 @@ created() { this.getList(); }, + watch: { + // 鏍规嵁鍚嶇О绛涢�夐儴闂ㄦ爲 + xmmc(val) { + this.$refs.tree.filter(val); + }, + treeId(newVal, oldVal) { + if (newVal) { + this.$nextTick(() => { + document + .querySelector(".el-tree-node__children .el-tree-node__content") + .click(); + }); + } + }, + }, methods: { /** 鏌ヨ浣撴椤圭洰寤鸿瑙勫垯鏂拌〃鍒楄〃 */ getList() { - this.loading = true; + /* this.loading = true; listAdvicerules(this.queryParams).then((response) => { this.advicerulesList = response.rows; this.total = response.total; this.loading = false; + }); */ + getTjProAdvicerulesKsList().then((response) => { + this.deptOptions = response.data.map((name, index) => { + return { + id: index + 1, // 鍙嚜瀹氫箟鍞竴 ID + label: name, // el-tree 榛樿鐨勬樉绀哄瓧娈� + }; + }); + + // 璁剧疆榛樿灞曞紑椤� + this.treeId = [this.deptOptions[0]?.id]; + this.queryParams.proId = this.deptOptions[0]?.id; + this.getListByXmId(); }); + }, + getListByXmId() { + this.loading = true; + listAdvicerules(this.queryParams).then((response) => { + response.rows.forEach((item, index) => { + item.newID = + (this.queryParams.pageNum - 1) * this.queryParams.pageSize + + index + + 1; + }); + this.advicerulesList = response.rows; + this.total = response.total; + this.loading = false; + }); + }, + handleNodeClick(data) { + this.formIn = data; + this.queryParams.ks = data.label; + this.getListByXmId(); + }, + + // 绛涢�夎妭鐐� + filterNode(value, data) { + if (!value) return true; + // return data.label.indexOf(value) !== -1; + return ( + data.label && + typeof data.label === "string" && + data.label.indexOf(value) !== -1 + ); }, idFn(value) { @@ -820,4 +646,33 @@ }, }; </script> +<style scoped> +.scrollable-container { + width: 260px; + /* 璁剧疆瀹瑰櫒鐨勫搴� */ + height: 520px; + /* 璁剧疆瀹瑰櫒鐨勯珮搴� */ + overflow: auto; + /* 鍏佽鍐呭婧㈠嚭鏃舵樉绀烘粴鍔ㄦ潯 */ + border: 1px solid #ccc; + /* 鍙�夛細娣诲姞杈规浠ユ洿濂藉湴鏄剧ず瀹瑰櫒 */ + position: relative; + /* 鍙�夛細浣垮鍣ㄥ唴鐨勭粷瀵瑰畾浣嶅厓绱犺兘澶熸纭樉绀� */ +} +.content { + width: 1000px; + /* 璁剧疆鍐呭鐨勫搴︼紝浠ヨЕ鍙戞按骞虫粴鍔ㄦ潯 */ + height: 420px; + /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */ +} +.pag { + width: 100%; + display: flex; + justify-content: center; +} + +.pag1 { + width: 65%; +} +</style> -- Gitblit v1.8.0