index.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  1. <template>
  2. <div class="app-container">
  3. <!-- 搜索工作栏 -->
  4. <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
  5. <el-form-item label="设施名称" prop="fpdName">
  6. <el-input v-model="queryParams.fpdName" placeholder="请输入设施名称" clearable @keyup.enter.native="handleQuery" />
  7. </el-form-item>
  8. <el-form-item label="设施编号" prop="fpdCode">
  9. <el-input v-model="queryParams.fpdCode" placeholder="请输入设施编号" clearable @keyup.enter.native="handleQuery" />
  10. </el-form-item>
  11. <el-form-item label="所在位置" prop="fpdLocal">
  12. <el-input v-model="queryParams.fpdLocal" placeholder="请输入所在位置" clearable @keyup.enter.native="handleQuery" />
  13. </el-form-item>
  14. <el-form-item label="所属单位" prop="orgId">
  15. <el-input v-model="queryParams.orgId" placeholder="请输入所属单位" clearable @keyup.enter.native="handleQuery" />
  16. <!-- <el-select v-model="queryParams.orgId" placeholder="请选择设施类别" clearable @change="orgOptionsChangeParams">
  17. <el-option v-for="dict in this.orgOptions" :key="dict.value" :label="dict.orgName" :value="dict.id" />
  18. </el-select> -->
  19. </el-form-item>
  20. <el-form-item label="所属建筑" prop="buildingId">
  21. <el-input v-model="queryParams.buildingId" placeholder="请输入所属建筑" clearable @keyup.enter.native="handleQuery" />
  22. <!-- <el-select v-model="queryParams.buildingId" placeholder="请选择设施类别" clearable>
  23. <el-option v-for="dict in this.BuildingInfoOptionsParams" :key="dict.value" :label="dict.buildingName"
  24. :value="dict.id" />
  25. </el-select> -->
  26. </el-form-item>
  27. <el-form-item label="设施类别" prop="fpdType">
  28. <el-select v-model="queryParams.fpdType" placeholder="请选择设施类别" clearable size="small">
  29. <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DICT_FIRE_DECIVE_TYPE)" :key="dict.value"
  30. :label="dict.label" :value="dict.value" />
  31. </el-select>
  32. </el-form-item>
  33. <!-- <el-form-item label="设施二维码" prop="fpdQcode">
  34. <el-input v-model="queryParams.fpdQcode" placeholder="请输入设施二维码" clearable @keyup.enter.native="handleQuery" />
  35. </el-form-item>
  36. <el-form-item label="创建时间" prop="createTime">
  37. <el-date-picker clearable v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
  38. type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
  39. :default-time="['00:00:00', '23:59:59']" />
  40. </el-form-item> -->
  41. <!-- <el-form-item label="状态" prop="status">
  42. <el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
  43. <el-option v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" :key="dict.value" :label="dict.label"
  44. :value="dict.value" />
  45. </el-select>
  46. </el-form-item> -->
  47. <el-form-item>
  48. <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
  49. <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
  50. </el-form-item>
  51. </el-form>
  52. <!-- 操作工具栏 -->
  53. <el-row :gutter="10" class="mb8">
  54. <el-col :span="1.5">
  55. <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
  56. v-hasPermi="['backend:fpd:create']">新增</el-button>
  57. </el-col>
  58. <!-- <el-col :span="1.5">
  59. <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
  60. :loading="exportLoading" v-hasPermi="['backend:fpd:export']">导出</el-button>
  61. </el-col> -->
  62. <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  63. </el-row>
  64. <!-- 列表 -->
  65. <el-table v-loading="loading" :data="list">
  66. <el-table-column label="ID" align="center" prop="id" />
  67. <el-table-column label="设施名称" align="center" prop="fpdName" />
  68. <el-table-column label="设施编号" align="center" prop="fpdCode" />
  69. <el-table-column label="所在位置" align="center" prop="fpdLocal" />
  70. <el-table-column label="所属单位" align="center">
  71. <template v-slot="scope"> {{ scope.row.orgDO.orgName}}</template>
  72. </el-table-column>
  73. <el-table-column label="所属建筑" align="center" prop="buildingId" />
  74. <el-table-column label="设施类别" align="center" prop="fpdType">
  75. <template v-slot="scope">
  76. <dict-tag :type="DICT_TYPE.DICT_FIRE_DECIVE_TYPE" :value="scope.row.fpdType" />
  77. </template>
  78. </el-table-column>
  79. <el-table-column label="设施二维码" align="center">
  80. <template v-slot="scope"><img v-if="scope.row.fpdQcode" :src="scope.row.fpdQcode" style="width:40px;height:40px"
  81. @click="bigFpdCode(scope.row.fpdQcode)"></template>
  82. </el-table-column>
  83. <!-- <el-table-column label="创建时间" align="center" prop="createTime" width="180">
  84. <template v-slot="scope">
  85. <span>{{ parseTime(scope.row.createTime) }}</span>
  86. </template>
  87. </el-table-column> -->
  88. <!-- <el-table-column label="状态" align="center" prop="status">
  89. <template v-slot="scope">
  90. <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
  91. </template>
  92. </el-table-column> -->
  93. <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="170">
  94. <template v-slot="scope">
  95. <el-button size="mini" type="text" icon="el-icon-view" @click="handleSee(scope.row)">查看</el-button>
  96. <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
  97. v-hasPermi="['backend:fpd:update']">修改</el-button>
  98. <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
  99. v-hasPermi="['backend:fpd:delete']">删除</el-button>
  100. </template>
  101. </el-table-column>
  102. </el-table>
  103. <!-- 分页组件 -->
  104. <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
  105. @pagination="getList" />
  106. <!-- 对话框(添加 / 修改) -->
  107. <el-dialog :title="title" :visible.sync="open" width="600px" v-dialogDrag append-to-body>
  108. <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  109. <el-form-item label="设施名称" prop="fpdName">
  110. <el-input v-model="form.fpdName" placeholder="请输入设施名称" />
  111. </el-form-item>
  112. <el-form-item label="设施编号" prop="fpdCode">
  113. <el-input v-model="form.fpdCode" placeholder="请输入设施编号" disabled />
  114. </el-form-item>
  115. <el-form-item label="所在位置" prop="fpdLocal">
  116. <el-input v-model="form.fpdLocal" placeholder="请输入所在位置" />
  117. </el-form-item>
  118. <el-form-item label="所属单位" prop="orgIds">
  119. <el-input v-model="form.orgIds" @focus="handleChoice" placeholder="请选择所属单位" clearable />
  120. <!-- <el-input v-model="form.orgId" placeholder="请输入所属单位" /> -->
  121. <!-- <el-select v-model="form.orgId" placeholder="请选择所属单位" @change="orgOptionsChange" style="width: 100%">
  122. <el-option v-for="dict in this.orgOptions" :key="dict.value" :label="dict.orgName" :value="dict.id" />
  123. </el-select> -->
  124. </el-form-item>
  125. <el-form-item label="所属建筑" prop="buildingId">
  126. <el-input v-model="form.buildingId" placeholder="请输入所属建筑" />
  127. <!-- <el-select v-model="form.buildingId" placeholder="请选择所属建筑" style="width: 100%">
  128. <el-option v-for="dict in this.BuildingInfoOptions" :key="dict.value" :label="dict.buildingName"
  129. :value="dict.id" />
  130. </el-select> -->
  131. </el-form-item>
  132. <el-form-item label="设施类别" prop="fpdType">
  133. <el-select v-model="form.fpdType" placeholder="请选择设施类别" style="width: 100%">
  134. <el-option v-for="dict in this.getDictDatas(DICT_TYPE.DICT_FIRE_DECIVE_TYPE)" :key="dict.value"
  135. :label="dict.label" :value="dict.value" />
  136. </el-select>
  137. </el-form-item>
  138. <el-form-item label="设施二维码" prop="fpdQcode">
  139. <!-- <el-input v-model="form.fpdQcode" placeholder="请输入设施二维码" /> -->
  140. <img v-if="form.fpdQcode" :src="form.fpdQcode" style="width:40px;height:40px">
  141. </el-form-item>
  142. <!-- <el-form-item label="状态" prop="status">
  143. <el-radio-group v-model="form.status" style="width: 100%">
  144. <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)" :key="dict.value"
  145. :label="parseInt(dict.value)">{{ dict.label }}</el-radio>
  146. </el-radio-group>
  147. </el-form-item> -->
  148. </el-form>
  149. <div slot="footer" class="dialog-footer">
  150. <el-button type="primary" @click="submitForm">确 定</el-button>
  151. <el-button @click="cancel">取 消</el-button>
  152. </div>
  153. </el-dialog>
  154. <el-dialog title="消防设施查看" :visible.sync="openSeedialog" width="60vw" class="detail detail-style">
  155. <el-form ref="form" :model="form" label-width="auto" label-position="left">
  156. <el-row :gutter="20">
  157. <el-col :span="12">
  158. <el-form-item label="设施名称:" prop="fpdName">
  159. <div>{{ form.fpdName }}</div>
  160. </el-form-item>
  161. </el-col>
  162. <el-col :span="12">
  163. <el-form-item label="设施编号:" prop="fpdCode">
  164. <div>{{ form.fpdCode }}</div>
  165. </el-form-item>
  166. </el-col>
  167. </el-row>
  168. <el-row :gutter="20">
  169. <el-col :span="12">
  170. <el-form-item label="所在位置:" prop="fpdLocal">
  171. <div>{{ form.fpdLocal }}</div>
  172. </el-form-item>
  173. </el-col>
  174. <el-col :span="12">
  175. <el-form-item label="所属单位:" prop="orgId">
  176. <div>{{ orgOptionsTran(form.orgId) }}</div>
  177. </el-form-item>
  178. </el-col>
  179. </el-row>
  180. <el-row :gutter="20">
  181. <el-col :span="12">
  182. <el-form-item label="所属建筑:" prop="buildingId">
  183. <div>{{ form.buildingId }}</div>
  184. </el-form-item>
  185. </el-col>
  186. <el-col :span="12">
  187. <el-form-item label="设施类别:" prop="fpdType">
  188. <dict-tag :type="DICT_TYPE.DICT_FIRE_DECIVE_TYPE" :value="form.fpdType" />
  189. </el-form-item>
  190. </el-col>
  191. </el-row>
  192. <el-row :gutter="20">
  193. <el-col :span="12">
  194. <el-form-item label="设施二维码:">
  195. <img v-if="form.fpdQcode" :src="form.fpdQcode" style="width:40px;height:40px"
  196. @click="bigFpdCode(form.fpdQcode)">
  197. </el-form-item>
  198. </el-col>
  199. </el-row>
  200. </el-form>
  201. <span slot="footer" class="dialog-footer">
  202. <el-button @click="openSeedialog = false">关 闭</el-button>
  203. </span>
  204. </el-dialog>
  205. <!-- 分配分管单位 -->
  206. <el-dialog title="分配分管单位" :visible.sync="openOrg" width="85vw" append-to-body v-if="openOrg">
  207. <choiceSelectCopy ref="choiceSelect" :userId="form.id" :type="'tackinfo'"></choiceSelectCopy>
  208. <div slot="footer" class="dialog-footer">
  209. <el-button type="primary" @click="submitOrg">确 定</el-button>
  210. <el-button @click="cancelOrg">取 消</el-button>
  211. </div>
  212. </el-dialog>
  213. <el-dialog title="二维码查看" :visible.sync="fpdCodeShow" width="25vw" class="detail">
  214. <img v-if="fpdQcode" :src="fpdQcode" style="width: 100%;">
  215. <span slot="footer" class="dialog-footer">
  216. <el-button style="color: #1890ff;" @click="handleExportMsg">下载二维码</el-button>
  217. </span>
  218. </el-dialog>
  219. </div>
  220. </template>
  221. <script>
  222. import { createFpd, updateFpd, deleteFpd, getFpd, getFpdPage, exportFpdExcel, getFpdByOrgId } from "@/api/backend/fpd"
  223. import { DICT_TYPE, getDictDatas } from "@/utils/dict";
  224. import { addUserOrgSaveBatch, getOneUser2OrgList } from "@/api/system/org";
  225. import { getBuildingInfoByOrgIde } from "@/api/backend/buildingInfo"
  226. import choiceSelectCopy from "@/components/choiceSelectCopy";
  227. export default {
  228. name: "Fpd",
  229. components: {
  230. choiceSelectCopy,
  231. },
  232. data() {
  233. return {
  234. // 遮罩层
  235. loading: false,
  236. // 导出遮罩层
  237. exportLoading: false,
  238. // 显示搜索条件
  239. showSearch: true,
  240. // 总条数
  241. total: 0,
  242. // 消防设施列表
  243. list: [],
  244. // 弹出层标题
  245. title: "",
  246. openSeedialog: false,
  247. // 是否显示弹出层
  248. open: false,
  249. openOrg: false,
  250. // 查询参数
  251. queryParams: {
  252. pageNo: 1,
  253. pageSize: 10,
  254. fpdName: null,
  255. fpdCode: null,
  256. fpdLocal: null,
  257. orgId: null,
  258. buildingId: null,
  259. fpdType: null,
  260. fpdQcode: null,
  261. createTime: [],
  262. status: null,
  263. },
  264. // 表单参数
  265. form: {
  266. status: 0,
  267. orgId: '',
  268. orgIds: ''
  269. },
  270. // 表单校验
  271. rules: {
  272. status: [{ required: true, message: "状态不能为空", trigger: "blur" }],
  273. },
  274. // 根据用户id获取对应的单位信息
  275. orgOptions: [],
  276. // 根据单位id获得建筑信息分页
  277. BuildingInfoOptions: [],
  278. // 搜索时根据单位id获得建筑信息分页
  279. BuildingInfoOptionsParams: [],
  280. orgOptionsTranList: {},
  281. fpdCodeShow: false,//二维码弹框
  282. fpdQcode: "",
  283. data:{}
  284. }
  285. },
  286. created() {
  287. this.getList()
  288. this.getTreeselect()
  289. },
  290. props: ["orgId"],
  291. watch: {
  292. orgId: { //深度监听,可监听到对象、数组的变化
  293. handler(newV, oldV) {
  294. console.log('this.orgId :>> ', this.orgId);
  295. // if (this.orgId == undefined) {
  296. // this.getList()
  297. // this.getTreeselect()
  298. // return
  299. // }
  300. // if (this.orgId !== null) {
  301. // this.queryParams.orgId = this.orgId
  302. // this.form.orgId = this.orgId
  303. // this.getListFpdByOrgId()
  304. // this.getTreeselect()
  305. // }
  306. this.getList()
  307. this.getTreeselect()
  308. },
  309. deep: true,
  310. }
  311. },
  312. methods: {
  313. handleChoice() {
  314. // 打开弹窗==========
  315. this.openOrg = true;
  316. },
  317. //二维码放大下载
  318. bigFpdCode(val) {
  319. this.fpdQcode = val
  320. this.fpdCodeShow = true
  321. },
  322. /** 导出按钮操作 */
  323. handleExportMsg() {
  324. this.$download.zip(this.fpdQcode, "消防二维码.zip");
  325. },
  326. /** 单位信息确认按钮 */
  327. submitOrg() {
  328. console.log('this.orgType :>> ', this.$refs["choiceSelect"].confirmMSg());
  329. this.data = this.$refs["choiceSelect"].confirmMSg()
  330. this.form.orgIds = this.data.orgName
  331. // 关闭弹窗
  332. this.openOrg = false;
  333. // this.orgshow = true
  334. },
  335. // 取消按钮(分管单位)
  336. cancelOrg() {
  337. this.openOrg = false;
  338. },
  339. /** 查询列表 */
  340. getList() {
  341. this.loading = true
  342. // 执行查询
  343. // getFpdPage(this.queryParams).then(response => {
  344. // this.list = response.data.list
  345. // this.total = response.data.total
  346. // this.loading = false
  347. // })
  348. // 根据单位id获得消防设施带分页
  349. // if (this.orgId !== null && this.orgId !== undefined) { //屏蔽后数据不转圈了
  350. // this.queryParams.orgId = this.orgId //屏蔽是暂时的,没有orgId
  351. getFpdByOrgId(this.queryParams).then(response => {
  352. this.loading = false
  353. this.list = response.data.records
  354. this.total = response.data.total
  355. })
  356. // }
  357. },
  358. /** 查询单位下拉树结构 */
  359. // 根据用户id获取对应的单位信息
  360. getTreeselect() {
  361. const id = this.$store.state.user.id
  362. var OrgqueryParams = {
  363. pageNo: 1,
  364. pageSize: 100,
  365. userId: id,
  366. }
  367. // getOneUser2OrgList(OrgqueryParams).then(response => {
  368. // // 处理 deptOptions 参数
  369. // this.orgOptions = [];
  370. // // this.orgOptions = response.data[0] ? response.data[0].orgDOList : [] //在报错所以屏蔽了
  371. // this.orgOptions = response.data ? response.data : []
  372. // console.log(response, 'responseresponseresponse');
  373. // this.orgOptions.map(i => {
  374. // this.orgOptionsTranList[i.id] = i.orgName
  375. // })
  376. // });
  377. },
  378. // 转换=======================================================================================
  379. // 获所有建筑信息
  380. orgOptionsTran(val) {
  381. return this.orgOptionsTranList[parseInt(val)]
  382. },
  383. // ================================================================================
  384. // 下拉框改变时
  385. orgOptionsChange(e) {
  386. this.form.buildingId = undefined
  387. this.getBuildingInfoByOrgIdList({ orBuildingInfoOptionsgId: e })
  388. },
  389. // 获取单位信息选择后的建筑信息
  390. getBuildingInfoByOrgIdList(Params) {
  391. getBuildingInfoByOrgIde(Params).then(response => {
  392. // 处理 deptOptions 参数
  393. this.BuildingInfoOptions = [];
  394. if (this.form.buildingId) {
  395. response.data.map(i => {
  396. if (i.id == this.form.buildingId) {
  397. this.form.buildingId = i.buildingName
  398. }
  399. })
  400. }
  401. this.BuildingInfoOptions = response.data
  402. });
  403. },
  404. // 搜索是下拉获取建筑信息
  405. orgOptionsChangeParams(e) {
  406. // this.queryParams.buildingId = undefined
  407. getBuildingInfoByOrgIde({ orgId: e }).then(response => {
  408. // 处理 deptOptions 参数
  409. this.BuildingInfoOptionsParams = [];
  410. this.BuildingInfoOptionsParams = response.data
  411. });
  412. },
  413. /** 查看按钮操作 */
  414. handleSee(row) {
  415. this.reset();
  416. const id = row.id;
  417. getFpd(id).then((response) => {
  418. this.form = response.data;
  419. this.openSeedialog = true;
  420. });
  421. },
  422. /** 取消按钮 */
  423. cancel() {
  424. this.open = false
  425. this.reset()
  426. },
  427. /** 表单重置 */
  428. reset() {
  429. this.form = {
  430. id: undefined,
  431. fpdName: undefined,
  432. fpdCode: undefined,
  433. fpdLocal: undefined,
  434. orgId: undefined,
  435. buildingId: undefined,
  436. fpdType: undefined,
  437. fpdQcode: undefined,
  438. status: 0,
  439. }
  440. this.resetForm("form")
  441. this.form.orgId = this.orgId
  442. },
  443. /** 搜索按钮操作 */
  444. handleQuery() {
  445. this.queryParams.pageNo = 1
  446. this.getList()
  447. },
  448. /** 重置按钮操作 */
  449. resetQuery() {
  450. this.resetForm("queryForm")
  451. this.handleQuery()
  452. },
  453. /** 新增按钮操作 */
  454. handleAdd() {
  455. this.reset()
  456. this.open = true
  457. this.title = "添加消防设施"
  458. },
  459. /** 修改按钮操作 */
  460. handleUpdate(row) {
  461. this.reset()
  462. const id = row.id
  463. console.log(row, 'fffffffffff');
  464. getFpd(id).then(response => {
  465. this.form = response.data
  466. this.form.orgIds = row.orgDO.orgName
  467. this.data.dwid=row.orgId
  468. this.open = true
  469. this.title = "修改消防设施"
  470. })
  471. // this.getBuildingInfoByOrgIdList({
  472. // orgId: this.form.orgId,
  473. // })
  474. },
  475. /** 提交按钮 */
  476. submitForm() {
  477. if (!this.form.orgIds) {
  478. return this.$modal.msgError("请选择所属单位")
  479. }
  480. this.form.orgId = this.data.dwid
  481. this.$refs["form"].validate((valid) => {
  482. if (!valid) {
  483. return
  484. }
  485. // 修改的提交
  486. if (this.form.id != null) {
  487. updateFpd(this.form).then((response) => {
  488. this.$modal.msgSuccess("修改成功")
  489. this.open = false
  490. this.getList()
  491. })
  492. return
  493. }
  494. // 添加的提交
  495. // this.form.orgId=this.data.dwid
  496. createFpd(this.form).then((response) => {
  497. this.$modal.msgSuccess("新增成功")
  498. this.open = false
  499. this.getList()
  500. })
  501. })
  502. },
  503. /** 删除按钮操作 */
  504. handleDelete(row) {
  505. const id = row.id
  506. this.$modal
  507. .confirm('是否确认删除编号为"' + id + '"的数据项?')
  508. .then(function () {
  509. return deleteFpd(id)
  510. })
  511. .then(() => {
  512. this.getList()
  513. this.$modal.msgSuccess("删除成功")
  514. })
  515. .catch(() => { })
  516. },
  517. /** 导出按钮操作 */
  518. handleExport() {
  519. // 处理查询参数
  520. let params = { ...this.queryParams }
  521. params.pageNo = undefined
  522. params.pageSize = undefined
  523. // 执行导出
  524. this.$modal
  525. .confirm("是否确认导出所有数据项?")
  526. .then(() => {
  527. this.exportLoading = true
  528. return exportFpdExcel(params)
  529. })
  530. .then((response) => {
  531. this.$download.excel(response, "消防设施.xls")
  532. this.exportLoading = false
  533. })
  534. .catch(() => { })
  535. },
  536. },
  537. }
  538. </script>
  539. <style lang="scss" scoped>
  540. @import "~@/assets/styles/dialog.scss";
  541. .detail {
  542. display: flex;
  543. justify-content: center;
  544. align-items: center;
  545. ::v-deep .el-dialog__footer {
  546. text-align: center;
  547. }
  548. ::v-deep .el-form-item__label,
  549. ::v-deep .el-form-item__content {
  550. font-size: 16px;
  551. color: #86909C;
  552. font-weight: 500;
  553. }
  554. ::v-deep .el-form-item__content {
  555. font-size: 14px;
  556. color: #444444 !important;
  557. }
  558. }
  559. </style>