-
admin
2024-06-06 019f1c8bac7e8986d299aff70c123dedc1747d72
提交 | 用户 | 时间
e57a89 1 <template>
2   <div class="app-container">
3     <el-card class="box-card">
4     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
5       <el-form-item label-width="80" label="生产工单号" prop="workOrderNo">
6         <el-input
7           v-model="queryParams.workOrderNo"
8           placeholder="请输入生产工单号"
9           clearable
10           @keyup.enter.native="handleQuery"
11         />
12       </el-form-item>
13       <el-form-item label="产品名称" prop="productName">
14         <el-input
15           v-model="queryParams.productName"
16           placeholder="请输入产品名称"
17           clearable
18           @keyup.enter.native="handleQuery"
19         />
20       </el-form-item>
21       <el-form-item label="工单状态" prop="orderStatus">
22         <el-select v-model="queryParams.orderStatus" placeholder="请选择工单状态" clearable>
23           <el-option
24             v-for="dict in dict.type.order_state"
25             :key="dict.value"
26             :label="dict.label"
27             :value="dict.value"
28           />
29         </el-select>
30       </el-form-item>
288790 31       <div style="display: none">
A 32         <div id="printMe" style="width: 500px;">
33           <div ref="canvasWrapper" id="canvasWrapper" style="display: flex;justify-content: center;"></div>
34           <p style="font-size: 10px;word-break: break-all;display: flex;justify-content: center;">{{packCode}}</p>
35         </div>
36         <el-button @click="print">打印</el-button>
37         <el-button @click="test1">生成二维码</el-button>
38       </div>
e57a89 39       <el-form-item style="float: right">
40         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
41         <el-button type="warning" icon="el-icon-copy-document" size="mini" @click="advancedQuery">高级查询</el-button>
42         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
43       </el-form-item>
44     </el-form>
45     <el-form :model="queryParams" ref="queryParams" size="small" :inline="true" v-show="advancedShowSearch" label-width="68px">
46       <el-form-item style="margin-left: 14px" label="产品编号" prop="productCode">
47         <el-input
48           v-model="queryParams.productCode"
648160 49           placeholder="请输入产品序列号"
e57a89 50           clearable
51           @keyup.enter.native="handleQuery"
52         />
53       </el-form-item>
54       <el-form-item label="订单编号" prop="salesOrderCode">
55         <el-input
56           v-model="queryParams.salesOrderCode"
57           placeholder="请输入订单编号"
58           clearable
59           @keyup.enter.native="handleQuery"
60         />
61       </el-form-item>
648160 62       <el-form-item label="工厂编号" prop="siteCode">
e57a89 63         <el-input
648160 64           v-model="queryParams.siteCode"
H 65           placeholder="请输入工厂编号"
e57a89 66           clearable
67           @keyup.enter.native="handleQuery"
68         />
69       </el-form-item>
648160 70       <el-form-item label="工站编号" prop="stationCode">
e57a89 71         <el-input
648160 72           v-model="queryParams.stationCode"
H 73           placeholder="请输入工站编号"
e57a89 74           clearable
75           @keyup.enter.native="handleQuery"
76         />
77       </el-form-item>
78     </el-form>
79     </el-card>
80
81     <el-card style="margin-top: 10px" class="box-card">
82     <el-row :gutter="10" class="mb8">
83       <el-col :span="1.5">
84         <el-button
85           type="primary"
86           plain
87           icon="el-icon-plus"
88           size="mini"
89           @click="handleAdd"
90           v-hasPermi="['om:productionOrde:add']"
91         >新增</el-button>
92       </el-col>
93       <el-col :span="1.5">
94         <el-button
95           type="success"
96           plain
97           icon="el-icon-edit"
98           size="mini"
99           :disabled="single"
100           @click="handleUpdate"
101           v-hasPermi="['om:productionOrde:edit']"
102         >修改</el-button>
103       </el-col>
104       <el-col :span="1.5">
237733 105 <!--        <el-button-->
A 106 <!--          type="danger"-->
107 <!--          plain-->
108 <!--          icon="el-icon-delete"-->
109 <!--          size="mini"-->
110 <!--          :disabled="multiple"-->
111 <!--          @click="handleDelete"-->
112 <!--          v-hasPermi="['om:productionOrde:remove']"-->
113 <!--        >删除</el-button>-->
42cfe3 114         <el-button
115           type="info"
116           icon="el-icon-upload2"
117           size="mini"
118           @click="handleImport"
119         >导入</el-button>
e57a89 120       </el-col>
42cfe3 121       <el-col :span="1.5">
122         <el-button
123           type="warning"
124           plain
125           icon="el-icon-download"
126           size="mini"
127           @click="handleExport"
128           v-hasPermi="['om:productionOrde:export']"
129         >导出</el-button>
130       </el-col>
e70fb4 131       <el-col :span="1.5">
A 132         <el-button
133           type="warning"
134           plain
135           icon="el-icon-download"
136           size="mini"
c860ca 137           @click="getWorkOrders"
e70fb4 138         >接收</el-button>
A 139       </el-col>
237733 140       <el-col :span="1.5">
A 141         <el-button
142           type="warning"
143           plain
144           icon="el-icon-download"
145           size="mini"
146           :disabled="single"
147           @click="patchwork"
148         >补打</el-button>
149       </el-col>
a846f2 150       <el-col :span="1.5">
A 151         <el-button
152           type="warning"
153           plain
154           icon="el-icon-download"
155           size="mini"
156           :disabled="single"
157           @click="jieBang"
158         >解绑</el-button>
159       </el-col>
e57a89 160       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
161     </el-row>
162
163       <el-table border v-loading="loading" :data="productionOrdeList" @selection-change="handleSelectionChange">
164         <el-table-column type="selection" width="55" align="center" />
165         <el-table-column label="生产工单号" width="160" align="center">
166           <template slot-scope="scope">
167             <router-link :to="{path: '/main/workReport-data/index/', query: {workOrderNo: scope.row.workOrderNo} }" class="link-type">
168               <span>{{ scope.row.workOrderNo }}</span>
169             </router-link>
170           </template>
171         </el-table-column>
42cfe3 172 <!--        <el-table-column label="订单编号" width="140" align="center" prop="salesOrderCode">-->
173 <!--        </el-table-column>-->
237733 174         <el-table-column :show-overflow-tooltip='true' label="pack码" width="220" align="center" prop="productNum">
a75d86 175         </el-table-column>
A 176         <el-table-column :show-overflow-tooltip='true' label="小车码" width="160" align="center" prop="trolleyYard">
177         </el-table-column>
49c784 178         <el-table-column label="产品编号" width="110" align="center" prop="productCode">
e57a89 179         </el-table-column>
648160 180         <el-table-column label="产品名称" width="120" align="center" prop="productName">
e57a89 181         </el-table-column>
b64ed2 182         <el-table-column label="产品型号" align="center" prop="productModel">
183         </el-table-column>
237733 184 <!--        <el-table-column label="工单状态" width="100" align="center" prop="orderStatus">-->
A 185 <!--          <template slot-scope="scope">-->
186 <!--            <dict-tag :options="dict.type.order_state" :value="scope.row.orderStatus"/>-->
187 <!--          </template>-->
188 <!--        </el-table-column>-->
42cfe3 189 <!--        <el-table-column label="工厂编号" align="center" prop="siteCode">-->
190 <!--        </el-table-column>-->
648160 191         <el-table-column label="工站编号" align="center" prop="stationCode">
e57a89 192         </el-table-column>
237733 193 <!--        <el-table-column label="报工信息结果" width="110" align="center" prop="resultText">-->
A 194 <!--        </el-table-column>-->
195 <!--        <el-table-column label="报工结果代码" width="110" align="center" prop="resultCode">-->
196 <!--        </el-table-column>-->
197 <!--        <el-table-column label="是否报工" width="80" align="center" prop="sfResult">-->
198 <!--        </el-table-column>-->
199 <!--        <el-table-column label="实际开始时间" width="160" align="center" prop="actualStartTime">-->
200 <!--        </el-table-column>-->
201 <!--        <el-table-column label="当前站点报工时间" width="160" align="center" prop="actualEndTime">-->
202 <!--        </el-table-column>-->
203 <!--        <el-table-column label="创建人" width="80" align="center" prop="createUser">-->
204 <!--        </el-table-column>-->
205 <!--        <el-table-column label="备注" width="100" align="center" prop="remarks">-->
206 <!--        </el-table-column>-->
e57a89 207       </el-table>
208     </el-card>
209
210
211     <pagination
212       v-show="total>0"
213       :total="total"
214       :page.sync="queryParams.pageNum"
215       :limit.sync="queryParams.pageSize"
216       @pagination="getList"
217     />
218
219     <!-- 添加或修改生产工单对话框 -->
648160 220     <el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="500px" append-to-body>
e57a89 221        <span slot="title">
222         <i class="el-icon-s-order"></i>
223         {{titleName}}
224       </span>
648160 225       <el-form ref="form" inline :model="form" :rules="rules" label-width="100px">
H 226         <el-form-item label="生产工单号" prop="workOrderNo">
227           <el-input style="width: 265px" v-model="form.workOrderNo" placeholder="请输入生产工单号" />
e57a89 228         </el-form-item>
229         <el-form-item label="订单编号" prop="salesOrderCode">
648160 230           <el-input style="width: 265px" v-model="form.salesOrderCode" placeholder="请输入订单编号" />
e57a89 231         </el-form-item>
648160 232         <el-form-item label="产品序列号" prop="productNum">
e57a89 233           <el-input v-model="form.productCode" placeholder="请选择产品" >
234             <el-button slot="append" @click="handleSelectProduct" icon="el-icon-search"></el-button>
235           </el-input>
236           <ItemSelect ref="itemSelect" @onSelected="onItemSelected" > </ItemSelect>
237         </el-form-item>
238         <el-form-item label="产品名称" prop="productName">
648160 239           <el-input style="width: 265px" v-model="form.productName" disabled placeholder="请输入产品名称" />
e57a89 240         </el-form-item>
b64ed2 241         <el-form-item label="产品型号" prop="productModel">
242           <el-input v-model="form.productModel" placeholder="请输入产品型号" />
243         </el-form-item>
648160 244         <el-form-item label="工厂编号" prop="siteCode">
H 245           <el-input style="width: 265px" v-model="form.siteCode" placeholder="请输入工厂编号" />
e57a89 246         </el-form-item>
648160 247         <el-form-item label="工站编号" prop="stationCode">
H 248           <el-input style="width: 265px"v-model="form.stationCode" placeholder="请输入工站编号" />
e57a89 249         </el-form-item>
648160 250         <el-form-item label="备注" prop="remarks">
H 251           <el-input style="width: 265px" v-model="form.remarks" placeholder="请输入备注" />
e57a89 252         </el-form-item>
253
254       </el-form>
255       <div slot="footer" class="dialog-footer">
256         <el-button type="primary" @click="submitForm">确 定</el-button>
257         <el-button @click="cancel">取 消</el-button>
258       </div>
259     </el-dialog>
260
42cfe3 261     <!-- 用户导入对话框 -->
262     <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px">
263       <el-upload
264         ref="upload"
265         :limit="1"
266         accept=".xlsx, .xls"
267         :headers="upload.headers"
268         :action="upload.url + '?updateSupport=' + upload.updateSupport"
269         :disabled="upload.isUploading"
270         :on-progress="handleFileUploadProgress"
271         :on-success="handleFileSuccess"
272         :auto-upload="false"
273         drag
274       >
275         <i class="el-icon-upload"></i>
276         <div class="el-upload__text">
277           将文件拖到此处,或
278           <em>点击上传</em>
279         </div>
280         <div class="el-upload__tip" slot="tip">
281           <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
282           <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
283         </div>
284         <div class="el-upload__tip" style="color:red" slot="tip">提示:仅允许导入“xls”或“xlsx”格式文件!</div>
285       </el-upload>
286       <div slot="footer" class="dialog-footer">
287         <el-button type="primary" @click="submitFileForm">确 定</el-button>
288         <el-button @click="upload.open = false">取 消</el-button>
289       </div>
290     </el-dialog>
291
e57a89 292   </div>
293 </template>
294
295 <script>
42cfe3 296 import { getToken } from "@/utils/auth";
e57a89 297 import { listLineInfo } from "@/api/main/bs/lineInfo/lineInfo";
298 import { listWorkshop } from "@/api/main/bs/workshop/workshop";
237733 299 import {getProductBom, listProductBom} from "@/api/main/bs/ProductBom/ProductBom";
e57a89 300 import { listTechnologyRoute} from "@/api/main/bs/technologyRoute/technologyRoute";
301 import ItemSelect  from "@/components/itemSelect/single.vue";
c860ca 302 import {
A 303   importTemplate,
304   upDownMove,
305   listProductionOrde,
306   getProductionOrde,
307   delProductionOrde,
308   addProductionOrde,
309   updateProductionOrde,
a846f2 310   receivingWorkOrders, jieBang
c860ca 311 } from "@/api/main/om/productionOrde/productionOrde";
288790 312 import QRCode from "qrcodejs2";
e57a89 313
314 export default {
315   name: "ProductionOrde",
316   dicts: ['order_state'],
317   components: {
318     ItemSelect ,
319   },
320   data() {
321     return {
288790 322       // packCode: '0RSPB001139E3AE4X0000011',
A 323       packCode: 'test111',
e57a89 324       titleName: '',
325       options: [],
326       lineOptions: [],
327       showFlag:false,
328       advancedShowSearch: false,
329       workOrder: {
330         status: 'ss'
331       },
332       // 遮罩层
333       loading: true,
334       // 选中数组
335       ids: [],
336       // 非单个禁用
337       single: true,
338       // 非多个禁用
339       multiple: true,
340       move: true,
341       selectedRowIndex: -1, // 存储选中行的索引
342       // 显示搜索条件
343       showSearch: true,
344       // 总条数
345       total: 0,
346       // 生产工单表格数据
347       productionOrdeList: [],
348       // 弹出层标题
349       title: "",
350       // 是否显示弹出层
351       open: false,
352       // 查询参数
353       queryParams: {
354         pageNum: 1,
355         pageSize: 10,
356         workOrderNo: null,
357         salesOrderCode: null,
358         productCode: null,
359         productName: null,
360         workshopCode: null,
361         lineCode: null,
362         routeCode: null,
363         bomCode: null,
364         recipeCode: null,
365         orderStatus: null,
366         custom: null,
367         marketAreaCode: null,
368         softwareVersionCode: null,
369         productCompanyCode: null,
370         frontEndId: 0,
371         idNums: null,
372         flag: null,
b64ed2 373         siteCode: null,
374         productNum: null,
375         stationCode: null,
376         resultText: null,
377         resultCode: null,
378         sfResult: null,
379         productModel: null
380
e57a89 381       },
382       // 表单参数
383       form: {},
384       updateStatusParameter: {
385         id: null,
386         orderStatus: null
387       },
388       // 表单校验
389       rules: {
390         id: [
391           { required: true, message: "ID不能为空", trigger: "blur" }
392         ],
42cfe3 393       },
394       // 用户导入参数
395       upload: {
396         // 是否显示弹出层(用户导入)
397         open: false,
398         // 弹出层标题(用户导入)
399         title: "",
400         // 是否禁用上传
401         isUploading: false,
402         // 是否更新已经存在的用户数据
403         updateSupport: 0,
404         // 设置上传的请求头部
405         headers: { Authorization: "Bearer " + getToken() },
406         // 上传的地址
407         url: process.env.VUE_APP_BASE_API + "/om/productionOrde/importData"
408       },
e57a89 409     };
410   },
411   created() {
412     this.getList();
413     this.initWorkshop();
414   },
288790 415   mounted() {
A 416     this.test1()
417   },
e57a89 418   methods: {
a846f2 419     jieBang(row){
A 420       const id = row.id || this.ids
421       jieBang(id).then(response => {
422         this.getList()
423         this.$modal.msgSuccess("解绑成功");
424       });
425     },
237733 426     patchwork(row){
A 427       const id = row.id || this.ids
428       getProductionOrde(id).then(response => {
429         console.log(response.data)
430         this.packCode = response.data.productNum
431         console.log(this.packCode)
432         this.test1()
433         setTimeout(() => {
434           this.print()
435         },50)
436       });
437     },
438     async getWorkOrders(){
288790 439       await receivingWorkOrders().then(response => {
c860ca 440         this.getList()
288790 441         this.packCode = response.msg;
A 442         this.test1()
c860ca 443       });
288790 444       setTimeout(() => {
A 445         this.print()
446       },50)
447     },
448      print() {
449       // 本页面直接打印(有bug单岁先不要删)
450       // let oldStr = window.document.body.innerHTML;
451       // let newStr = document.getElementById('printMe').innerHTML;
452       // document.body.innerHTML = newStr;
453       // window.print();
454       // document.body.innerHTML = oldStr;
455       // return false;
456
457       // 新开页面打印
458       //  document.getElementById('canvasWrapper').innerHTML = '';
459       let newStr = document.getElementById('printMe').innerHTML;
460       let newWin = window.open('', '_blank');
461       newWin.document.body.innerHTML = newStr;
462       newWin.print();
463       return false;
464     },
465     test1(){
466       document.getElementById('canvasWrapper').innerHTML = ''
467       this.$nextTick(() => {
468         let qrCode = new QRCode('canvasWrapper',{
469           width: 80,
470           height: 80,
471           padding: 0,
472           margin: 0,
473           text: this.packCode,
474           colorDark: '#000',
475           colorLight: '#fff'
476         })
477       })
478       // console.log(this.packCode)
479       // this.print()
e70fb4 480     },
42cfe3 481     /** 导入按钮操作 */
482     handleImport() {
483       this.upload.title = "订单信息导入";
484       this.upload.open = true;
485     },
486     /** 下载模板操作 */
487     importTemplate() {
488       this.download('om/productionOrde/importTemplate', {
489       }, `productionOrde_template_${new Date().getTime()}.xlsx`)
490     },
491 // 文件上传中处理
492     handleFileUploadProgress(event, file, fileList) {
493       this.upload.isUploading = true;
494     },
495 // 文件上传成功处理
496     handleFileSuccess(response, file, fileList) {
497       this.upload.open = false;
498       this.upload.isUploading = false;
499       this.$refs.upload.clearFiles();
500       this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
501       this.getList();
502     },
503 // 提交上传文件
504     submitFileForm() {
505       this.$refs.upload.submit();
e57a89 506     },
507     initWorkshop(){
508       listWorkshop(this.queryParams).then(response => {
509         this.options = response.rows;
510       });
511     },
512     // 在这里编写处理选中事件的逻辑
513     handleSelectChange(selectedOption) {
514       this.form.lineCode = null;
515       let params = {
516         workshopCode: selectedOption
517       };
518       listLineInfo(params).then(response => {
519         this.lineOptions = response.rows;
520       });
521     },
522     //物料选择弹出框
523     onItemSelected(obj){
524       if(obj !== undefined && obj !== null){
525         let productCode = obj.materialCode;
526         this.form.productCode = productCode;
527         this.form.productName = obj.materialName;
528         this.queryParams.productCode = productCode
529         listTechnologyRoute(this.queryParams).then(response => {
530           this.form.routeCode = response.rows[0].routeCode;
531         });
532         listProductBom(this.queryParams).then(response => {
533           this.form.bomCode = response.rows[0].bomCode;
534         });
535       }
536     },
537     handleSelectProduct(){
538       this.$refs.itemSelect.showFlag = true;
539     },
540     advancedQuery(){
541       this.advancedShowSearch = (this.advancedShowSearch) ? this.advancedShowSearch = false : this.advancedShowSearch = true;
542     },
543     handleCommand(status,id) {
544       console.log(status)
545       this.updateStatusParameter.id = id;
546       this.updateStatusParameter.orderStatus = status;
547       updateProductionOrde(this.updateStatusParameter).then(response => {
548         this.$modal.msgSuccess("修改成功");
549         this.open = false;
550         this.getList();
551       });
552     },
553     /** 查询生产工单列表 */
554     getList() {
555       this.loading = true;
556       listProductionOrde(this.queryParams).then(response => {
557         this.productionOrdeList = response.rows;
558         this.total = response.total;
559         this.loading = false;
560       });
561     },
562     // 取消按钮
563     cancel() {
564       this.open = false;
565       this.reset();
566     },
567     // 表单重置
568     reset() {
569       this.form = {
570         id: null,
571         workOrderNo: null,
572         salesOrderCode: null,
573         productCode: null,
574         productName: null,
575         workshopCode: null,
576         lineCode: null,
577         routeCode: null,
578         bomCode: null,
579         recipeCode: null,
580         planQty: null,
581         actualQty: null,
582         badQty: null,
583         scrapQty: null,
584         repairQty: null,
585         actualOnlineQty: null,
586         onlineCompletionMark: null,
587         demandDate: null,
588         planStartTime: null,
589         planEndTime: null,
590         actualStartTime: null,
591         actualEndTime: null,
592         serialNumber: null,
593         orderStatus: null,
594         createTime: null,
595         updateTime: null,
596         createUser: null,
597         updateUser: null,
598         remarks: null,
599         streamNumber: null,
600         custom: null,
601         marketAreaCode: null,
602         softwareVersionCode: null,
603         productCompanyCode: null,
a75d86 604         trolleyYard: null,
e57a89 605         spareField2: null,
606         spareField3: null,
648160 607         spareField4: null,
H 608         siteCode: null,
609         productNum: null,
610         stationCode: null,
611         resultText: null,
612         resultCode: null,
613         sfResult: null
e57a89 614       };
615       this.resetForm("form");
616     },
617     /** 搜索按钮操作 */
618     handleQuery() {
619       this.queryParams.pageNum = 1;
620       this.getList();
621     },
622     /** 重置按钮操作 */
623     resetQuery() {
624       this.resetForm("queryForm");
625       this.handleQuery();
626     },
627     // 多选框选中数据
237733 628     // handleSelectionChange(selection) {
A 629     //   this.ids = selection.map(item => item.id)
630     //   this.move = selection.length!==1
631     //   if(!selection.length){
632     //     this.single = true
633     //     this.multiple = true
634     //   }else {
635     //     if(selection[0].orderStatus === '1' && selection.length === 1){
636     //       this.single = false
637     //       this.multiple = false
638     //     }
639     //   }
640     //
641     // },
642     // 多选框选中数据
e57a89 643     handleSelectionChange(selection) {
644       this.ids = selection.map(item => item.id)
237733 645       this.single = selection.length!==1
A 646       this.multiple = !selection.length
e57a89 647     },
648     /** 新增按钮操作 */
649     handleAdd() {
650       this.initWorkshop();
651       this.reset();
652       this.open = true;
653       this.titleName = "添加生产工单";
654     },
655     /** 修改按钮操作 */
656     handleUpdate(row) {
657       this.initWorkshop();
658       this.reset();
659       const id = row.id || this.ids
660       getProductionOrde(id).then(response => {
661         console.log(response.data)
662         this.form = response.data;
663         this.open = true;
664         this.titleName = "修改生产工单";
665       });
666     },
667     /** 提交按钮 */
668     submitForm() {
669       this.$refs["form"].validate(valid => {
670         if (valid) {
671           if (this.form.id != null) {
672             updateProductionOrde(this.form).then(response => {
673               this.$modal.msgSuccess("修改成功");
674               this.open = false;
675               this.getList();
676             });
677           } else {
678             addProductionOrde(this.form).then(response => {
679               this.$modal.msgSuccess("新增成功");
680               this.open = false;
681               this.getList();
682             });
683           }
684         }
685       });
686     },
687     /** 删除按钮操作 */
688     handleDelete(row) {
689       const ids = row.id || this.ids;
690       this.$modal.confirm('是否确认删除生产工单编号为"' + ids + '"的数据项?').then(function() {
691         return delProductionOrde(ids);
692       }).then(() => {
693         this.getList();
694         this.$modal.msgSuccess("删除成功");
695       }).catch(() => {});
696     },
697     /** 导出按钮操作 */
698     handleExport() {
699       this.download('om/productionOrde/export', {
700         ...this.queryParams
701       }, `productionOrde_${new Date().getTime()}.xlsx`)
702     }
703   }
704 };
705 </script>
706 <style lang="scss" scoped>
707 //::v-deep .el-dialog__header{
708 //  /*background-color: #f8f8f8;*/
709 //  background-color: #f8f8f9;
710 //}
711 </style>