index.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665
  1. <template>
  2. <div>
  3. <div class="custom-tree-container">
  4. <div class="block-l">
  5. <el-card shadow="hover">
  6. <el-tag class="full space-vertical">当前所选:载体结构</el-tag>
  7. <!-- @node-click="handleDeptNodeClick" -->
  8. <el-tree
  9. ref="selectTree"
  10. :data="DeptTree"
  11. node-key="id"
  12. :indent="deptTreeIndent"
  13. accordion
  14. :expand-on-click-node="expandDeptClick"
  15. :default-expanded-keys="expandedDeptKey"
  16. node-click="(data, node, item) => nodeClick(data, node, item)"
  17. @node-click="getCheckedNodes"
  18. >
  19. <span slot-scope="{ node, data }" class="custom-tree-node">
  20. <span>
  21. <i v-if="data.level == 0" class="el-icon-s-home" />
  22. <i v-else-if="data.level == 1" class="el-icon-menu" />
  23. <i v-else class="el-icon-link" />
  24. {{ node.label }}
  25. </span>
  26. <span v-if="data.level == 0">
  27. <el-link class="space" type="primary" @click="() => unFoldAll()">展开</el-link>
  28. <el-link class="space" type="primary" @click="() => collapseAll()">折叠</el-link>
  29. </span>
  30. </span>
  31. </el-tree>
  32. </el-card>
  33. </div>
  34. <div class="block-r">
  35. <el-row class="handle-box" style="margin-bottom: 10px">
  36. <el-col :span="3">
  37. 单元/楼栋号
  38. </el-col>
  39. <el-col :span="20">
  40. <el-input v-model="queryParam.buildNum" size="small" placeholder="请输入楼栋号" class="ch-input-size" @keyup.enter.native="handleSearch()" />
  41. <el-button size="small" class="ch-button-export" style="float: right;margin-top: 4px" @click="handleExcel()"><i class="el-icon-menu" />&nbsp;导出Excel</el-button>
  42. <el-button size="small" class="ch-button-export" style="float: right;margin-top: 4px" @click="batchImport()"><i class="el-icon-menu" />&nbsp;批量导入</el-button>
  43. <el-button size="small" class="ch-button-add" style="float: right; margin-right: 10px; margin-top: 4px" @click="handleAdd()"><i class="el-icon-menu" />&nbsp;新增楼栋</el-button>
  44. <el-button size="small" class="ch-button" style="float: right;margin-top: 4px" @click="handleSearch()"><i class="el-icon-menu" />&nbsp;查询</el-button>
  45. <el-button size="small" class="ch-button-warning" style="float: right;margin-top: 4px" @click="handleReset()"><i class="el-icon-menu" />&nbsp;重置</el-button>
  46. </el-col>
  47. </el-row>
  48. <el-row class="handle-box">
  49. <el-col :span="24">
  50. <!-- @current-change="handleRowSelectChange" -->
  51. <el-table ref="singleTable" v-loading="loading" :data="AllData" highlight-current-row>
  52. <el-table-column label="编号" type="index" width="60" />
  53. <el-table-column label="楼盘/小区名称" prop="groupName" />
  54. <el-table-column label="分期名称" prop="discName" />
  55. <el-table-column label="单元/楼栋号" prop="buildNum" />
  56. <el-table-column label="总面积(㎡)" prop="area" />
  57. <el-table-column label="套数" prop="numberInfo" />
  58. <el-table-column label="操作" header-align="center" width="160">
  59. <template scope="scope">
  60. <el-button size="mini" type="text" class="editButton" @click="handleEdit(scope.row)">编辑</el-button>
  61. <el-button size="mini" type="text" class="deleButton" @click="handleDelete(scope.row)">删除</el-button>
  62. </template>
  63. </el-table-column>
  64. </el-table>
  65. <div class="table-page">
  66. <el-pagination
  67. :current-page.sync="currentPage"
  68. :page-sizes="[10, 20, 50, 100]"
  69. :page-size="pageSize"
  70. background
  71. layout="total, sizes, prev, pager, next, jumper"
  72. :total="allpage"
  73. @size-change="handleSizeChange"
  74. @current-change="handleCurrentChange"
  75. />
  76. </div>
  77. </el-col>
  78. </el-row>
  79. </div>
  80. </div>
  81. <el-dialog
  82. :title="dialogTitle"
  83. :visible.sync="dialogVisible"
  84. width="950px"
  85. top="50px"
  86. class="statistic_base"
  87. :append-to-body="true"
  88. :modal-append-to-body="true"
  89. custom-class="tagdialog"
  90. @close="dlgClose"
  91. >
  92. <el-form ref="buildForm" :model="buildForm" style="width: 100%;padding: 5px" :rules="commitRules">
  93. <el-row>
  94. <el-col style="padding-bottom: 10px">
  95. <span class="card_title">基本信息</span>
  96. <el-card shadow="always" style="padding-top: 10px">
  97. <el-row>
  98. <el-col :span="4" class="col-txt"><span>父级</span></el-col>
  99. <el-col :span="20" class="col-input">
  100. <el-form-item>
  101. <!-- @change="handleChange" -->
  102. <el-cascader
  103. ref="findids"
  104. v-model="buildForm.findids"
  105. class="full"
  106. :append-to-body="false"
  107. :options="options"
  108. clearable
  109. @change="handleChange"
  110. />
  111. </el-form-item>
  112. </el-col>
  113. </el-row>
  114. <el-row>
  115. <el-col :span="4" class="col-txt"><span>*单元/楼栋号</span></el-col>
  116. <el-col :span="8" class="col-input">
  117. <el-form-item prop="buildNum">
  118. <el-input v-model="buildForm.buildNum" />
  119. </el-form-item>
  120. </el-col>
  121. <el-col :span="4" class="col-txt"><span>*施工号</span></el-col>
  122. <el-col :span="8" class="col-input">
  123. <el-form-item prop="constructionNum">
  124. <el-input v-model="buildForm.constructionNum" />
  125. </el-form-item>
  126. </el-col>
  127. </el-row>
  128. <el-row>
  129. <el-col :span="4" class="col-txt"><span>*总面积(㎡)</span></el-col>
  130. <el-col :span="8" class="col-input">
  131. <el-form-item prop="area">
  132. <el-input v-model="buildForm.area" />
  133. </el-form-item>
  134. </el-col>
  135. <el-col :span="4" class="col-txt"><span>*住宅面积(㎡)</span></el-col>
  136. <el-col :span="8" class="col-input">
  137. <el-form-item prop="residentialArea">
  138. <el-input v-model="buildForm.residentialArea" />
  139. </el-form-item>
  140. </el-col>
  141. </el-row>
  142. <el-row>
  143. <el-col :span="4" class="col-txt"><span>*非住宅面积(㎡)</span></el-col>
  144. <el-col :span="8" class="col-input">
  145. <el-form-item prop="unResidentialArea">
  146. <el-input v-model="buildForm.unResidentialArea" />
  147. </el-form-item>
  148. </el-col>
  149. <el-col :span="4" class="col-txt"><span>*占地面积</span></el-col>
  150. <el-col :span="8" class="col-input">
  151. <el-form-item prop="coverAnArea">
  152. <el-input v-model="buildForm.coverAnArea" />
  153. </el-form-item>
  154. </el-col>
  155. </el-row>
  156. <el-row>
  157. <el-col :span="4" class="col-txt"><span>*地下面积</span></el-col>
  158. <el-col :span="8" class="col-input">
  159. <el-form-item prop="undergroundArea">
  160. <el-input v-model="buildForm.undergroundArea" />
  161. </el-form-item>
  162. </el-col>
  163. <el-col :span="4" class="col-txt"><span>*房号</span></el-col>
  164. <el-col :span="8" class="col-input">
  165. <el-form-item prop="roomNum">
  166. <el-input v-model="buildForm.roomNum" />
  167. </el-form-item>
  168. </el-col>
  169. </el-row>
  170. <el-row>
  171. <el-col :span="4" class="col-txt"><span>*套数</span></el-col>
  172. <el-col :span="8" class="col-input">
  173. <el-form-item prop="numberInfo">
  174. <el-input v-model="buildForm.numberInfo" />
  175. </el-form-item>
  176. </el-col>
  177. <el-col :span="4" class="col-txt"><span>*总层数</span></el-col>
  178. <el-col :span="8" class="col-input">
  179. <el-form-item prop="floors">
  180. <el-input v-model="buildForm.floors" />
  181. </el-form-item>
  182. </el-col>
  183. </el-row>
  184. <el-row>
  185. <el-col :span="4" class="col-txt"><span>*地上层数</span></el-col>
  186. <el-col :span="8" class="col-input">
  187. <el-form-item prop="overgroundFloors">
  188. <el-input v-model="buildForm.overgroundFloors" />
  189. </el-form-item>
  190. </el-col>
  191. <el-col :span="4" class="col-txt"><span>*地下层数</span></el-col>
  192. <el-col :span="8" class="col-input">
  193. <el-form-item prop="undergroundFloors">
  194. <el-input v-model="buildForm.undergroundFloors" />
  195. </el-form-item>
  196. </el-col>
  197. </el-row>
  198. <el-row>
  199. <el-col :span="4" class="col-txt"><span>*结构</span></el-col>
  200. <el-col :span="8" class="col-input">
  201. <el-form-item prop="structure">
  202. <el-select
  203. v-model="buildForm.structure"
  204. :popper-append-to-body="false"
  205. popper-class="statistic_base"
  206. placeholder=""
  207. filterable
  208. clearable
  209. :disabled="isView"
  210. >
  211. <el-option
  212. v-for="item in dc_data.BUILD_STRUCTURE"
  213. :key="item.value"
  214. :popper-append-to-body="false"
  215. popper-class="statistic_base"
  216. :label="item.label"
  217. :value="item.value"
  218. />
  219. </el-select>
  220. </el-form-item>
  221. </el-col>
  222. <el-col :span="4" class="col-txt"><span>*行政区划</span></el-col>
  223. <el-col :span="8" class="col-input">
  224. <el-form-item prop="regionalismCode">
  225. <el-input v-model="buildForm.regionalismCode" />
  226. </el-form-item>
  227. </el-col>
  228. </el-row>
  229. <el-row>
  230. <el-col :span="4" class="col-txt"><span>*地号</span></el-col>
  231. <el-col :span="8" class="col-input">
  232. <el-form-item prop="landCode">
  233. <el-input v-model="buildForm.landCode" />
  234. </el-form-item>
  235. </el-col>
  236. </el-row>
  237. <el-row>
  238. <el-col :span="4" class="col-txt"><span>备注</span></el-col>
  239. <el-col :span="20" class="col-input">
  240. <el-form-item>
  241. <el-input v-model="buildForm.remark" type="textarea" :autosize="{ minRows: 2, maxRows: 100}" placeholder="请输入内容" />
  242. </el-form-item>
  243. </el-col>
  244. </el-row>
  245. <el-row>
  246. <el-col :span="7" class="col-txt"><span>标准价格参考层及差价系数备注说明</span></el-col>
  247. <el-col :span="17" class="col-input">
  248. <el-form-item>
  249. <el-input v-model="buildForm.priceRemark" type="textarea" :autosize="{ minRows: 2, maxRows: 100}" placeholder="请输入内容" />
  250. </el-form-item>
  251. </el-col>
  252. </el-row>
  253. </el-card>
  254. </el-col>
  255. </el-row>
  256. </el-form>
  257. <div slot="footer">
  258. <el-button @click="dialogVisible = false">取 消</el-button>
  259. <el-button type="primary" @click="confirmSubmit()">确 定</el-button>
  260. </div>
  261. </el-dialog>
  262. <el-dialog
  263. :visible.sync="dialogViewVisible"
  264. :close-on-click-modal="false"
  265. :close-on-press-escape="false"
  266. width="950px"
  267. top="50px"
  268. append-to-body
  269. >
  270. <build-view ref="buildView" @cancel="cancel" />
  271. </el-dialog>
  272. <!-- 批量导入 -->
  273. <upload-cost
  274. v-if="importVisible"
  275. :dialog-visible="importVisible"
  276. :import-type="importType"
  277. :upload-title="uploadTitle"
  278. :import-title="importTitle"
  279. @cancelUpload="cancelImport"
  280. />
  281. </div>
  282. </template>
  283. <script>
  284. import Base from '@/views/base/base'
  285. import BaseData from '@/views/base/baseData'
  286. import BaseDept from '@/views/base/baseDept'
  287. import constant from '../../../static/utils/constant'
  288. import BuildView from './buildView'
  289. import uploadCost from '@/views/parkAssets/component/uploadCost.vue'
  290. // import textEdit from '../../textEdit/index'
  291. export default {
  292. name: 'User',
  293. components: { uploadCost, BuildView },
  294. mixins: [Base, BaseData, BaseDept],
  295. data() {
  296. return {
  297. dc_key: ['BUILD_STRUCTURE'],
  298. // 查询参数
  299. queryParam: {
  300. ldmc: ''
  301. },
  302. buildForm: {
  303. },
  304. DeptTree: [],
  305. options: [],
  306. // 字典项
  307. dc_gender: [],
  308. dc_map: {},
  309. AllData: [],
  310. loading: false,
  311. dialogVisible: false,
  312. dialogTitle: '新增用户',
  313. isAdd: true,
  314. LeaderData: [],
  315. commitRules: {
  316. buildNum: [{ required: true, trigger: 'blur', message: '请输入单元/楼栋号' }],
  317. constructionNum: [{ required: true, trigger: 'blur', message: '请输入施工号' }],
  318. area: [{ required: true, trigger: 'blur', message: '请输入总面积' }],
  319. residentialArea: [{ required: true, trigger: 'blur', message: '请输入住宅面积' }],
  320. unResidentialArea: [{ required: true, trigger: 'blur', message: '请输入非面积' }],
  321. coverAnArea: [{ required: true, trigger: 'blur', message: '请输入占地面积' }],
  322. undergroundArea: [{ required: true, trigger: 'blur', message: '请输入地下面积' }],
  323. roomNum: [{ required: true, trigger: 'blur', message: '请输入房号' }],
  324. numberInfo: [{ required: true, trigger: 'blur', message: '请输入套数' }],
  325. floors: [{ required: true, trigger: 'blur', message: '请输入总层数' }],
  326. overgroundFloors: [{ required: true, trigger: 'blur', message: '请输入地上层数' }],
  327. undergroundFloors: [{ required: true, trigger: 'blur', message: '请输入地下层数' }],
  328. structure: [{ required: true, trigger: 'blur', message: '请输入结构' }],
  329. regionalismCode: [{ required: true, trigger: 'blur', message: '请输入行政区划' }],
  330. landCode: [{ required: true, trigger: 'blur', message: '请输入地号' }]
  331. },
  332. nodeId: '',
  333. level: '',
  334. dialogViewVisible: false,
  335. // 批量导入
  336. importVisible: false,
  337. importType: '',
  338. importTitle: '',
  339. uploadTitle: [],
  340. isView: false
  341. }
  342. },
  343. mounted() {
  344. this.initDict(this.dc_key).then((res) => {
  345. this.getList()
  346. })
  347. this.getTreeData()
  348. this.getTreeSelectData()
  349. },
  350. methods: {
  351. handleChange(value) {
  352. },
  353. handleSearch: function() {
  354. this.getList()
  355. },
  356. getTreeData: function() {
  357. this.baseInfoRequest('getTreeData2', {}).then((res) => {
  358. this.DeptTree = res.data.data
  359. }).catch(() => {
  360. })
  361. },
  362. getTreeSelectData: function() {
  363. this.baseInfoRequest('getTreeData3', {}).then((res) => {
  364. this.options = res.data.data
  365. }).catch(() => {
  366. })
  367. },
  368. handleReset: function() {
  369. this.queryParam = {}
  370. this.getList()
  371. },
  372. getList: function() {
  373. const _this = this
  374. _this.loading = true
  375. _this.AllData = []
  376. this.queryParam.pageNum = this.currentPage
  377. this.queryParam.pageSize = this.pageSize
  378. this.baseRequest('list', this.queryParam).then((res) => {
  379. _this.AllData = res.data.rows
  380. _this.allpage = res.data.total
  381. _this.loading = false
  382. }).catch(() => {
  383. })
  384. },
  385. handleAdd: function() {
  386. this.dialogVisible = true
  387. this.dialogTitle = '新增楼栋'
  388. },
  389. // 导入
  390. batchImport() {
  391. this.importVisible = true
  392. this.importType = 'buildInsert'
  393. this.importTitle = '楼栋批量导入'
  394. },
  395. // 导出
  396. handleExcel: function() {
  397. const _this = this
  398. this.OutData = []
  399. const title = ['楼盘/小区名称', '分期名称', '单元号/楼栋号', '总面积(㎡)', '套数']
  400. this.OutData.push(title)
  401. const temp = []
  402. this.baseRequest('excelListAll', _this.queryParam).then(res => {
  403. const data = res.data
  404. data.forEach(function(item) {
  405. const json = _this.getItemJson(item)
  406. temp.push(json)
  407. })
  408. temp.forEach(function(item) {
  409. const jsonArray = []
  410. jsonArray.push(item.groupName)
  411. jsonArray.push(item.discName)
  412. jsonArray.push(item.buildNum)
  413. jsonArray.push(item.area)
  414. jsonArray.push(item.numberInfo)
  415. _this.OutData.push(jsonArray)
  416. })
  417. const OutSize = [{ wch: 15 }, { wch: 15 }, { wch: 15 }, { wch: 15 }, { wch: 15 }]
  418. const fileName = '楼栋管理导出 ' + new Date().Format('yyyyMMddhhmm')
  419. _this.$outputXlsxFile(this.OutData, OutSize, fileName)
  420. })
  421. },
  422. handleEdit: function(val) {
  423. this.buildForm = val
  424. this.buildForm.findids = []
  425. if (this.buildForm.groupId != null &&
  426. this.buildForm.groupId !== '') {
  427. this.buildForm.findids[0] = this.buildForm.groupId
  428. if (this.buildForm.discId != null &&
  429. this.buildForm.discId !== '') {
  430. this.buildForm.findids[1] = this.buildForm.discId
  431. }
  432. }
  433. this.dialogVisible = true
  434. this.dialogTitle = '编辑楼栋'
  435. },
  436. confirmSubmit: function() {
  437. this.$refs.buildForm.validate(valid => {
  438. if (valid) {
  439. const _this = this
  440. const extraData = {}
  441. const postData = Object.assign({}, _this.buildForm, extraData)
  442. // 父级
  443. const ids = this.buildForm.findids
  444. const arr = this.$refs['findids'].getCheckedNodes()[0].pathLabels
  445. if (ids != null && ids != [] && ids != '') {
  446. postData.groupId = ids[0]
  447. postData.discId = ids[1]
  448. }
  449. if (arr != null && arr != [] && arr != '') {
  450. postData.groupName = arr[0]
  451. postData.lpmc = arr[1]
  452. }
  453. let urlAdd = 'add'
  454. if (undefined != this.buildForm.id && this.buildForm.id != null && this.buildForm.id != '') {
  455. urlAdd = 'edit'
  456. }
  457. if (!postData.groupId) {
  458. this.$message({
  459. message: '请选择小区',
  460. type: 'warning'
  461. })
  462. return
  463. }
  464. if (!postData.discId) {
  465. this.$message({
  466. message: '请选择至分期',
  467. type: 'warning'
  468. })
  469. return
  470. }
  471. this.baseRequest(urlAdd, postData).then((res) => {
  472. if (res.data.code == 200) {
  473. // this.buildForm = {}
  474. this.dialogVisible = false
  475. // this.getList()
  476. this.getTreeData()
  477. this.$message({
  478. message: '提交成功',
  479. type: 'success'
  480. })
  481. }
  482. }).catch((err) => {
  483. this.$message({
  484. message: err,
  485. type: 'error'
  486. })
  487. })
  488. }
  489. })
  490. },
  491. getCheckedNodes(data, node, item) {
  492. const _this = this
  493. console.log('节点====', node)
  494. console.log('节点id====', node.data.id)
  495. console.log('层级====', node.level)
  496. _this.queryParam.nodeId = node.data.id
  497. _this.queryParam.level = node.level
  498. _this.getList()
  499. },
  500. getItemJson: function(item) {
  501. return item
  502. },
  503. dlgOpen: function() {
  504. },
  505. dlgClose: function() {
  506. const _this = this
  507. _this.buildForm = {}
  508. _this.getList()
  509. },
  510. cancel() {
  511. this.dialogViewVisible = false
  512. },
  513. test(val) {
  514. // this.$set(this.buildForm, 'introduction', val)
  515. },
  516. cancelImport(refresh) {
  517. this.importVisible = false
  518. this.importType = ''
  519. this.getTreeData()
  520. this.getList()
  521. },
  522. handleDelete(val) {
  523. this.$confirm('确认删除该数据,删除后将无法恢复,确认删除吗?', '提示', {
  524. confirmButtonText: '确定',
  525. cancelButtonText: '取消',
  526. type: 'warning'
  527. }).then(() => {
  528. this.baseRequest('delete', { id: val.id }).then(res => {
  529. if (res.data.code == 200) {
  530. this.getList()
  531. this.getTreeData()
  532. this.$message({
  533. type: 'success',
  534. message: '删除成功!'
  535. })
  536. } else {
  537. this.$message({
  538. type: 'error',
  539. message: res.data.msg
  540. })
  541. }
  542. }).catch((err) => {
  543. this.$message({
  544. type: 'error',
  545. message: err
  546. })
  547. })
  548. }).catch(() => {
  549. this.$message({
  550. type: 'info',
  551. message: '已取消删除'
  552. })
  553. })
  554. },
  555. // 请求封装,继承类中调用,必须存在
  556. baseRequest: function(opUrl, postData) {
  557. return this.$channel.baseRequest('MnpBuildingController', opUrl, postData, 'User')
  558. },
  559. baseInfoRequest: function(opUrl, postData) {
  560. return this.$channel.baseRequest('ParkInfoController', opUrl, postData, 'User')
  561. },
  562. postRequest: function(opUrl, postData) {
  563. return this.$channel.baseRequest('PostController', opUrl, postData, 'Post')
  564. }
  565. }
  566. }
  567. </script>
  568. <style scoped>
  569. .el-cascader-menu{
  570. max-width:250px;
  571. }
  572. .custom-tree-node {
  573. flex: 1;
  574. display: flex;
  575. align-items: center;
  576. justify-content: space-between;
  577. font-size: 16px;
  578. padding-right: 8px;
  579. }
  580. .custom-tree-container{
  581. display: flex;
  582. }
  583. .custom-tree-container .block-l {
  584. /*flex-grow: 2 ;*/
  585. //float: left;
  586. width: 20%;
  587. padding: 0 8px 0 0;
  588. }
  589. .custom-tree-container .block-r {
  590. /*flex-grow: 10;*/
  591. //float: left;
  592. width: 80%;
  593. /*padding: 0 0 0 8px;*/
  594. }
  595. </style>
  596. <style scoped>
  597. /*.ch-input .el-input__inner {*/
  598. /*border-radius: 0px;*/
  599. /*border-color: #32323A;*/
  600. /*}*/
  601. /*.ch-input-size {*/
  602. /*width: 200px;*/
  603. /*margin-right: 10px;*/
  604. /*}*/
  605. /*.ch-button {*/
  606. /*border-radius: 0px;*/
  607. /*border-color: #32323A;*/
  608. /*background-color: #32323A;*/
  609. /*color: #fff;*/
  610. /*}*/
  611. .ch-input .el-input__inner {
  612. border-color: #32323A;
  613. }
  614. .ch-input-size {
  615. width: 150px;
  616. }
  617. .ch-button {
  618. border-color: #32323A;
  619. background-color: #32323A;
  620. color: #fff;
  621. }
  622. .ch-button-warning {
  623. margin-left: 10px;
  624. border-color: #E6A23C;
  625. background-color: #E6A23C;
  626. color: #fff;
  627. }
  628. .ch-button-export {
  629. margin-left: 10px;
  630. border-color: #98CC1F;
  631. background-color: #98CC1F;
  632. color: #fff;
  633. }
  634. /deep/ .el-card{
  635. max-height: 952px;
  636. overflow: hidden;
  637. overflow-y: scroll;
  638. }
  639. </style>