check.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644
  1. <template>
  2. <div class="app-container">
  3. <div v-show="!isShowPrint">
  4. <div class="main-title" style="margin-top: 0;">
  5. <div class="title">仓库提货确认</div>
  6. </div>
  7. <div>
  8. <el-form ref="screenForm" :model="screenForm" label-width="96px" size="mini" label-position="right">
  9. <el-row :gutter="20">
  10. <el-col :xs="24" :sm="8" :lg="6">
  11. <el-form-item label="提货人手机号" prop="phone">
  12. <el-input v-model="screenForm.phone" placeholder="请输入提货人手机号"></el-input>
  13. </el-form-item>
  14. </el-col>
  15. <el-col :xs="24" :sm="3" :lg="3">
  16. <el-button size="mini" type="primary" @click="getCode" :disabled="!screenForm.phone || countDown != 60">{{countDown == 60 ? getCodeText : '重新获取('+countDown+'s)'}}</el-button>
  17. </el-col>
  18. <el-col :xs="24" :sm="8" :lg="8">
  19. <el-form-item label="验证码" prop="code">
  20. <el-input v-model="screenForm.code" placeholder="请输入验证码"></el-input>
  21. </el-form-item>
  22. </el-col>
  23. <el-col :xs="24" :sm="3" :lg="3">
  24. <el-button size="mini" type="primary" :disabled="!screenForm.phone || !screenForm.code" @click="getPickupManInfo">确 认</el-button>
  25. </el-col>
  26. </el-row>
  27. <el-row :gutter="20">
  28. <el-col :xs="24" :sm="8" :lg="8">
  29. <el-form-item label="提货人姓名" prop="name">
  30. <!-- <el-input v-model="screenForm.name" placeholder="请通过手机验证获取" ></el-input> -->
  31. <el-select style="width:100%" v-model="screenForm.name" placeholder="请选提货人姓名" clearable filterable @change="onChage">
  32. <el-option v-for="item in userList"
  33. :key="item.id"
  34. :label="`${item.takerName} - ${item.customerName}`"
  35. :value="item.id">
  36. </el-option>
  37. </el-select>
  38. </el-form-item>
  39. </el-col>
  40. <el-col :xs="24" :sm="8" :lg="8">
  41. <el-form-item label="提货人身份证" prop="idCard">
  42. <el-input v-model="screenForm.idCard" placeholder="请通过手机验证获取" readonly></el-input>
  43. </el-form-item>
  44. </el-col>
  45. </el-row>
  46. <el-row :gutter="20">
  47. <el-col :xs="24" :sm="8" :lg="8">
  48. <el-form-item label="经销商" prop="customerName">
  49. <el-input v-model="screenForm.customerName" placeholder="经销商" readonly></el-input>
  50. </el-form-item>
  51. </el-col>
  52. <el-col :xs="24" :sm="8" :lg="8">
  53. <el-form-item label="仓库" prop="warehouse">
  54. <el-select v-model="screenForm.warehouse" placeholder="请选择仓库" filterable clearable style="width: 100%">
  55. <el-option :label="item.name" :value="item.id" v-for="(item, index) in warehouseList" :key="index"></el-option>
  56. </el-select>
  57. </el-form-item>
  58. </el-col>
  59. <el-col :xs="24" :sm="5" :lg="5">
  60. <el-button size="mini" type="primary" @click="getList">查 询</el-button>
  61. </el-col>
  62. </el-row>
  63. <el-row :gutter="20">
  64. <el-col :xs="24" :sm="24" :lg="24">
  65. <el-form-item prop="status" label-width="0">
  66. <el-radio-group v-model="screenForm.status" size="mini" @change="getList()">
  67. <el-radio-button v-for="(item, index) in statusList" :key="index" :label="item.value">{{item.label}}</el-radio-button>
  68. </el-radio-group>
  69. </el-form-item>
  70. </el-col>
  71. </el-row>
  72. </el-form>
  73. </div>
  74. <div class="main-title">
  75. <div class="title">提货单</div>
  76. <div class="fr">
  77. <ExportButton :exUrl="'pick/storeExport'" :exParams="exParams" />
  78. </div>
  79. </div>
  80. <div class="mymain-container">
  81. <div class="table">
  82. <el-table ref="table" v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit highlight-current-row stripe @select="handleSelect" @select-all="handleSelectAll">
  83. <el-table-column align="left" type="selection" width="55"></el-table-column>
  84. <!-- <el-table-column align="left" label="操作" width="100" fixed="left">
  85. <template slot-scope="scope">
  86. <el-button type="text" @click="toPrint(scope.row)">打印</el-button>
  87. </template>
  88. </el-table-column> -->
  89. <el-table-column align="left" label="状态" min-width="100" show-overflow-tooltip>
  90. <template slot-scope="scope">
  91. {{ scope.row.printNum ? '已打单(' + scope.row.printNum + ')' : '未打单' }}
  92. </template>
  93. </el-table-column>
  94. <el-table-column align="left" label="信息密钥" prop="informationKey" min-width="120" show-overflow-tooltip>
  95. <template slot-scope="scope">
  96. <CopyButton :copyText="scope.row.informationKey" />
  97. <span>{{scope.row.informationKey}}</span>
  98. </template>
  99. </el-table-column>
  100. <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="100" show-overflow-tooltip>
  101. <template slot-scope="scope">
  102. <CopyButton :copyText="scope.row.customerNumber" />
  103. <span>{{scope.row.customerNumber}}</span>
  104. </template>
  105. </el-table-column>
  106. <el-table-column align="left" label="经销商名称" prop="customerName" min-width="250" show-overflow-tooltip>
  107. <template slot-scope="scope">
  108. <CopyButton :copyText="scope.row.customerName" />
  109. <span>{{scope.row.customerName}}</span>
  110. </template>
  111. </el-table-column>
  112. <el-table-column align="left" label="预约日期" prop="pickTime" min-width="120" show-overflow-tooltip>
  113. <template slot-scope="scope">
  114. {{ scope.row.pickTime | dateToDayFilter }}
  115. </template>
  116. </el-table-column>
  117. <el-table-column align="left" label="提货时段" min-width="100" show-overflow-tooltip>
  118. <template slot-scope="scope">
  119. {{ scope.row.pickStatus == '1' ? '上午':'下午' }}
  120. </template>
  121. </el-table-column>
  122. <el-table-column align="left" label="销售订单号" prop="mainOrderId" min-width="160" show-overflow-tooltip>
  123. <template slot-scope="scope">
  124. <CopyButton :copyText="(scope.row.orderType == 'HOME' || scope.row.orderType == 'TRADE') ? scope.row.enginOrderNo: scope.row.mainOrderId" />
  125. <span>{{ (scope.row.orderType == 'HOME' || scope.row.orderType == 'TRADE') ? scope.row.enginOrderNo: scope.row.mainOrderId }}</span>
  126. </template>
  127. </el-table-column>
  128. <el-table-column align="left" label="发货申请单号" prop="invoiceId" min-width="130" show-overflow-tooltip>
  129. <template slot-scope="scope">
  130. <CopyButton :copyText="scope.row.invoiceId" />
  131. <span>{{scope.row.invoiceId}}</span>
  132. </template>
  133. </el-table-column>
  134. <el-table-column align="left" label="销售类型" prop="saleTypeName" min-width="100" show-overflow-tooltip></el-table-column>
  135. <el-table-column align="left" label="物料编码" prop="materialCode" min-width="120" show-overflow-tooltip>
  136. <template slot-scope="scope">
  137. <CopyButton :copyText="scope.row.materialCode" />
  138. <span>{{scope.row.materialCode}}</span>
  139. </template>
  140. </el-table-column>
  141. <el-table-column align="left" label="产品编码" prop="materialOldNumber" min-width="140" show-overflow-tooltip>
  142. <template slot-scope="scope">
  143. <CopyButton :copyText="scope.row.materialOldNumber" />
  144. <span>{{scope.row.materialOldNumber}}</span>
  145. </template>
  146. </el-table-column>
  147. <el-table-column align="left" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip>
  148. <template slot-scope="scope">
  149. <CopyButton :copyText="scope.row.materialName" />
  150. <span>{{scope.row.materialName}}</span>
  151. </template>
  152. </el-table-column>
  153. <el-table-column align="left" label="规格型号" prop="specification" min-width="350" show-overflow-tooltip>
  154. <template slot-scope="scope">
  155. <CopyButton :copyText="scope.row.specification" />
  156. <span>{{scope.row.specification}}</span>
  157. </template>
  158. </el-table-column>
  159. <el-table-column align="left" label="单位" prop="unit" min-width="100" show-overflow-tooltip></el-table-column>
  160. <el-table-column align="left" label="数量" prop="refundableQty" min-width="100" show-overflow-tooltip></el-table-column>
  161. <!-- <el-table-column align="left" label="单价" prop="price" min-width="100" show-overflow-tooltip></el-table-column>
  162. <el-table-column align="left" label="金额" prop="payAmount" min-width="100" show-overflow-tooltip></el-table-column>
  163. <el-table-column align="left" label="使用返利金额" prop="payRebateAmount" min-width="120" show-overflow-tooltip></el-table-column>
  164. <el-table-column align="left" label="格力折扣" prop="totalDiscAmount" min-width="100" show-overflow-tooltip></el-table-column> -->
  165. <el-table-column align="left" label="仓库" prop="correspondName" min-width="160" show-overflow-tooltip></el-table-column>
  166. <el-table-column align="left" label="提货方式" prop="pickType" min-width="100" show-overflow-tooltip>
  167. <template slot-scope="scope">
  168. {{ scope.row.pickType == '1' ? '自提':'物流快递' }}
  169. </template>
  170. </el-table-column>
  171. <el-table-column align="left" label="提货人/物流公司" prop="takerName" min-width="160" show-overflow-tooltip>
  172. <template slot-scope="scope">
  173. {{ scope.row.pickType == '1' ? scope.row.takerName:scope.row.pickLogistics }}
  174. </template>
  175. </el-table-column>
  176. </el-table>
  177. </div>
  178. </div>
  179. <!-- <div class="pagination clearfix">
  180. <div class="fr">
  181. <el-pagination
  182. @size-change="handleSizeChange"
  183. @current-change="handleCurrentChange"
  184. :current-page="currentPage"
  185. :page-sizes="[10, 20, 30, 50]"
  186. :page-size="10"
  187. layout="total, sizes, prev, pager, next, jumper"
  188. :total="listTotal">
  189. </el-pagination>
  190. </div>
  191. </div> -->
  192. <div class="page-footer">
  193. <div class="footer">
  194. <el-button type="primary" @click="toPrint" :disabled="tableSelection.length < 1">打印发货单</el-button>
  195. </div>
  196. </div>
  197. </div>
  198. <el-dialog title="密码确认" :visible.sync="isShowDialog" :show-close="false" width="40%" :close-on-click-modal="false">
  199. <el-form ref="dialogForm" :model="dialogForm" :rules="dialogFormRules" label-position="right" label-width="70px">
  200. <el-row :gutter="20">
  201. <el-col :xs="24" :sm="24" :lg="24">
  202. <el-form-item label="密码" prop="password">
  203. <el-input v-model="dialogForm.password" autocomplete="off" placeholder="请输入密码"></el-input>
  204. </el-form-item>
  205. </el-col>
  206. <el-col :xs="24" :sm="12" :lg="12">
  207. <el-form-item label="操作人" prop="createMan">
  208. <el-input v-model="dialogForm.createMan" readonly></el-input>
  209. </el-form-item>
  210. </el-col>
  211. <el-col :xs="24" :sm="12" :lg="12" style="height: 51px;">
  212. <el-form-item label="操作日期" prop="createDate">
  213. <el-date-picker v-model="dialogForm.createDate" readonly type="date" value-format="yyyy-MM-dd" style="width: 100%;" placeholder="选择日期">
  214. </el-date-picker>
  215. </el-form-item>
  216. </el-col>
  217. </el-row>
  218. </el-form>
  219. <div slot="footer" class="dialog-footer">
  220. <el-button @click="cancelDialogForm">取 消</el-button>
  221. <el-button type="primary" @click="submitDialogForm">确 定</el-button>
  222. </div>
  223. </el-dialog>
  224. <print-preview ref="preView" />
  225. <!-- <PickupPrint :listItem="queryItem" v-if="isShowPrint" @backListFormDetail="backList" /> -->
  226. </div>
  227. </template>
  228. <script>
  229. import {
  230. getPickupList,
  231. getCode,
  232. getPickupManInfo,
  233. checkPassword,
  234. getWarehouseList,
  235. } from "@/api/supply/pickup";
  236. import { getDealerList, getListCustomer } from "@/api/basic_data/dealer";
  237. import PickupPrint from "@/views/supply/pickup/components/pickup_print";
  238. import { disAutoConnect, hiprint, defaultElementTypeProvider } from 'vue-plugin-hiprint'
  239. disAutoConnect();
  240. import panel from './components/design/panel'
  241. import { getDetails, detailArr } from './components/design/print-data'
  242. import printPreview from './components/design/preview.vue'
  243. export default {
  244. components: {
  245. PickupPrint,
  246. printPreview
  247. },
  248. data() {
  249. return {
  250. currentPage: 1, // 当前页码
  251. pageSize: 10, // 每页数量
  252. listTotal: 0, // 列表总数
  253. dataList: null, // 列表数据
  254. listLoading: false, // 列表加载loading
  255. screenForm: {
  256. // 筛选表单数据
  257. phone: "",
  258. code: "",
  259. name: "",
  260. idCard: "",
  261. manId: "",
  262. status: 0,
  263. customerName: '',
  264. warehouse: '',
  265. customerId:''
  266. },
  267. statusList: [
  268. { label: "未打单", value: 0 },
  269. { label: "已打单", value: 1 },
  270. ],
  271. warehouseList: [],
  272. getCodeText: "获取验证码",
  273. countDown: 60,
  274. timer: null,
  275. tableSelection: [],
  276. queryItem: {},
  277. isShowPrint: false,
  278. dealerList:[],
  279. isShowDialog: false,
  280. dialogForm: {
  281. password: "",
  282. createMan: "",
  283. createDate: "",
  284. },
  285. dialogFormRules: {
  286. password: [{ required: true, message: "请输入密码", trigger: "blur" }],
  287. },
  288. userList:[]
  289. ,
  290. curPaper: {
  291. type: 'A5',
  292. width: 500,
  293. height: 147.6
  294. },
  295. paperTypes: {
  296. 'A3': {
  297. width: 420,
  298. height: 296.6
  299. },
  300. 'A4': {
  301. width: 210,
  302. height: 296.6
  303. },
  304. 'A5': {
  305. width: 210,
  306. height: 147.6
  307. },
  308. 'B3': {
  309. width: 500,
  310. height: 352.6
  311. },
  312. 'B4': {
  313. width: 250,
  314. height: 352.6
  315. },
  316. 'B5': {
  317. width: 250,
  318. height: 175.6
  319. }
  320. },
  321. scaleValue: 1,
  322. scaleMax: 5,
  323. scaleMin: 0.5,
  324. hiprintTemplate:'',
  325. isShowDialog: false,
  326. };
  327. },
  328. computed: {
  329. exParams() {
  330. return {
  331. takerId: this.screenForm.manId,
  332. status: this.screenForm.status,
  333. };
  334. },
  335. curPaperType() {
  336. let type = 'other'
  337. let types = this.paperTypes
  338. for (const key in types) {
  339. let item = types[key]
  340. let { width, height } = this.curPaper
  341. if (item.width === width && item.height === height) {
  342. type = key
  343. }
  344. }
  345. return type
  346. }
  347. },
  348. created() {
  349. // this.getDealerList()
  350. this.getWarehouseList()
  351. },
  352. activated(){
  353. this.initPrint()
  354. },
  355. methods: {
  356. initPrint(){
  357. hiprint.init({
  358. providers: [new defaultElementTypeProvider()]
  359. });
  360. // 还原配置
  361. hiprint.setConfig()
  362. // 替换配置
  363. hiprint.setConfig({
  364. movingDistance: 2.5,
  365. text: {
  366. supportOptions: [
  367. {
  368. name: 'styler',
  369. hidden: true
  370. },
  371. {
  372. name: 'formatter',
  373. hidden: true
  374. },
  375. ]
  376. }
  377. })
  378. // eslint-disable-next-line no-undef
  379. hiprint.PrintElementTypeManager.buildByHtml($('.ep-draggable-item'));
  380. this.hiprintTemplate = new hiprint.PrintTemplate({
  381. template: panel,
  382. settingContainer: '#PrintElementOptionSetting',
  383. paginationContainer: '.hiprint-printPagination'
  384. });
  385. this.hiprintTemplate.design('#hiprint-printTemplate');
  386. // 获取当前放大比例, 当zoom时传true 才会有
  387. // this.scaleValue = hiprintTemplate.editingPanel.scale || 1;
  388. }
  389. ,
  390. getDate() {
  391. var date = new Date();
  392. var seperator1 = "-";
  393. var year = date.getFullYear();
  394. var month = date.getMonth() + 1;
  395. var strDate = date.getDate();
  396. if (month >= 1 && month <= 9) {
  397. month = "0" + month;
  398. }
  399. if (strDate >= 0 && strDate <= 9) {
  400. strDate = "0" + strDate;
  401. }
  402. var currentdate = year + seperator1 + month + seperator1 + strDate;
  403. return currentdate;
  404. },
  405. async getDealerList() {
  406. const res = await getDealerList({ pageNum: 1, pageSize: -1 });
  407. this.dealerList = res.data.records;
  408. },
  409. // 获取仓库列表
  410. getWarehouseList() {
  411. getWarehouseList({
  412. pageNum: 1,
  413. pageSize: -1
  414. }).then((res) => {
  415. this.warehouseList = res.data.records;
  416. })
  417. },
  418. // 获取短信验证码
  419. getCode() {
  420. getCode({ mobile: this.screenForm.phone }).then((res) => {
  421. this.$successMsg("短信已发送");
  422. this.countDown--;
  423. this.timer = setInterval(() => {
  424. this.countDown--;
  425. if (this.countDown == 0) {
  426. this.countDown = 60;
  427. this.getCodeText = "重新获取";
  428. clearInterval(this.timer);
  429. }
  430. }, 1000);
  431. });
  432. },
  433. // 获取提货人信息
  434. getPickupManInfo() {
  435. getPickupManInfo({
  436. mobile: this.screenForm.phone,
  437. code: this.screenForm.code,
  438. }).then((res) => {
  439. this.$successMsg("验证成功");
  440. this.screenForm.name = `${res.data[0].takerName} - ${res.data[0].customerName}`;
  441. this.screenForm.idCard = res.data[0].identity;
  442. this.screenForm.manId = res.data[0].id;
  443. this.screenForm.customerName = res.data[0].customerName
  444. this.screenForm.customerId = res.data[0].customerId
  445. this.userList = res.data
  446. this.getListCustomer()
  447. });
  448. },
  449. onChage(e){
  450. const userInfo = this.userList.filter(k=>{
  451. return e === k.id
  452. })
  453. this.screenForm.name = `${userInfo[0].takerName} - ${userInfo[0].customerName}`;
  454. this.screenForm.idCard = userInfo[0].identity;
  455. this.screenForm.manId = userInfo[0].id;
  456. this.screenForm.customerName = userInfo[0].customerName
  457. this.screenForm.customerId = userInfo[0].customerId
  458. },
  459. getListCustomer(){
  460. getListCustomer({
  461. keyword:'',
  462. phone: this.screenForm.phone,
  463. pageNum:1,
  464. pageSize:-1
  465. }).then(res=>{
  466. this.dealerList = res.data.records
  467. // this.screenForm.customerNumber = this.dataList[0].number
  468. })
  469. },
  470. // 查询列表
  471. getList() {
  472. console.log(this.screenForm.customerId);
  473. if (!this.screenForm.manId) {
  474. return this.$errorMsg("请先查询提货人信息");
  475. }
  476. if (!this.screenForm.warehouse) {
  477. return this.$errorMsg("请选择仓库");
  478. }
  479. this.listLoading = true;
  480. let params = {
  481. pageNum: 1,
  482. pageSize: -1,
  483. // takerId: this.screenForm.manId,
  484. status: this.screenForm.status,
  485. takerPhone: this.screenForm.phone,
  486. // customerName:this.screenForm.customerName,
  487. correspondId: this.screenForm.warehouse,
  488. customerId:this.screenForm.customerId
  489. };
  490. getPickupList(params).then((res) => {
  491. this.dataList = res.data.records;
  492. this.listTotal = res.data.total;
  493. this.listLoading = false;
  494. });
  495. },
  496. // 更改每页数量
  497. handleSizeChange(val) {
  498. this.pageSize = val;
  499. this.currentPage = 1;
  500. this.getList();
  501. },
  502. // 更改当前页
  503. handleCurrentChange(val) {
  504. this.currentPage = val;
  505. this.getList();
  506. },
  507. backList() {
  508. this.queryItem = {};
  509. this.isShowPrint = false;
  510. },
  511. handleSelect(selection, row) {
  512. this.$refs.table.toggleRowSelection(row);
  513. this.dataList.forEach((item) => {
  514. if (item.informationKey === row.informationKey) {
  515. this.$refs.table.toggleRowSelection(item);
  516. }
  517. });
  518. this.tableSelection = this.$refs.table.selection;
  519. },
  520. handleSelectAll(selection) {
  521. this.tableSelection = this.$refs.table.selection;
  522. },
  523. // 检查是否一致
  524. isAllEqual(array) {
  525. if (array.length > 0) {
  526. return !array.some(function (item, index) {
  527. return item.informationKey !== array[0].informationKey;
  528. });
  529. } else {
  530. return true;
  531. }
  532. },
  533. // 点击打印
  534. toPrint() {
  535. // if (!this.isAllEqual(this.tableSelection)) {
  536. // return this.$errorMsg("只能选择同一个提货订单");
  537. // }
  538. if (!this.tableSelection[0].printNum) {
  539. this.queryItem = this.tableSelection;
  540. console.log(this.tableSelection);
  541. getDetails(this.tableSelection)
  542. this.$refs.preView.show(this.hiprintTemplate, detailArr)
  543. } else {
  544. this.queryItem = this.tableSelection;
  545. this.dialogForm.createMan = JSON.parse(
  546. localStorage.getItem("supply_user")
  547. ).nickName;
  548. this.dialogForm.createDate = this.getDate();
  549. this.isShowDialog = true;
  550. }
  551. },
  552. // 点击打印
  553. // toPrint(item) {
  554. // if(!item.printNum) {
  555. // this.queryItem = item;
  556. // this.isShowPrint = true;
  557. // }else {
  558. // this.queryItem = item;
  559. // this.dialogForm.createMan = JSON.parse(localStorage.getItem("supply_user")).nickName;
  560. // this.dialogForm.createDate = this.getDate();
  561. // this.isShowDialog = true;
  562. // }
  563. // },
  564. // 关闭弹窗
  565. cancelDialogForm() {
  566. this.isShowDialog = false;
  567. this.$refs.dialogForm.resetFields();
  568. },
  569. // 提交 弹窗
  570. submitDialogForm() {
  571. this.$refs.dialogForm.validate((valid) => {
  572. if (valid) {
  573. let params = {
  574. shipId: this.queryItem[0].invoiceId,
  575. password: this.dialogForm.password,
  576. };
  577. checkPassword(params).then((res) => {
  578. this.cancelDialogForm();
  579. getDetails(this.tableSelection)
  580. this.$refs.preView.show(this.hiprintTemplate, detailArr)
  581. });
  582. }
  583. });
  584. },
  585. },
  586. };
  587. </script>
  588. <style lang="scss" scoped>
  589. .main-title {
  590. display: flex;
  591. justify-content: space-between;
  592. align-items: center;
  593. height: 60px;
  594. border-bottom: 1px solid #dcdfe6;
  595. margin-bottom: 20px;
  596. .title {
  597. font-size: 16px;
  598. font-weight: 600;
  599. padding-left: 10px;
  600. }
  601. }
  602. </style>