|
@@ -0,0 +1,665 @@
|
|
|
|
+<template>
|
|
|
|
+ <ContainerTit>
|
|
|
|
+ <div slot="headr">
|
|
|
|
+ <el-button type="primary" style="margin-right: 20px" @click="saveTem">
|
|
|
|
+ 保存
|
|
|
|
+ </el-button>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="page-div">
|
|
|
|
+ <el-row class="tem-row" :gutter="20">
|
|
|
|
+ <el-col :span="14">
|
|
|
|
+ <div class="tem-img">
|
|
|
|
+ <div class="top_view" style="margin-right: 40px; margin-left: 20px">
|
|
|
|
+ <div class="time_view">
|
|
|
|
+ <p>2020-08-25 09:10 09</p>
|
|
|
|
+ <p v-if="form_obj.other.indexOf('printingNum') > -1">
|
|
|
|
+ 第1次打印
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="name_view">
|
|
|
|
+ <span v-if="form_obj.basic.indexOf('enterprise') > -1">
|
|
|
|
+ {{ enterprise_title }}
|
|
|
|
+ </span>
|
|
|
|
+ {{ info_list.title }}
|
|
|
|
+ </div>
|
|
|
|
+ <div class="num_view">
|
|
|
|
+ <p style="font-weight: bold; padding-bottom: 3px">
|
|
|
|
+ 202010101010
|
|
|
|
+ </p>
|
|
|
|
+ <p>{{ enterprise_title }}提供技术支持</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="form_obj.basic.indexOf('printing') > -1"
|
|
|
|
+ class="print-tag"
|
|
|
|
+ >
|
|
|
|
+ <img :src="require('@/assets/img/print-tag.png')" alt="" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="infomation">
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :span="7">
|
|
|
|
+ <div v-if="form_obj.basic.indexOf('operatorName') > -1">
|
|
|
|
+ 制单人:肖肖
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="10">
|
|
|
|
+ <div v-if="form_obj.basic.indexOf('orderNo') > -1">
|
|
|
|
+ 单据号:XSCK45202008240199885036
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="7">
|
|
|
|
+ <div v-if="form_obj.basic.indexOf('createTime') > -1">
|
|
|
|
+ 制单日期:2020-08-22
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="infomation">
|
|
|
|
+ <div
|
|
|
|
+ v-if="form_obj.basic.indexOf('customerName') > -1"
|
|
|
|
+ style="display: inline-block; margin-right: 20px"
|
|
|
|
+ >
|
|
|
|
+ 客户姓名:肖肖
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="form_obj.basic.indexOf('customerMobile') > -1"
|
|
|
|
+ style="display: inline-block; margin-right: 20px"
|
|
|
|
+ >
|
|
|
|
+ 客户电话:18888888888
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="form_obj.basic.indexOf('deliveryType') > -1"
|
|
|
|
+ style="display: inline-block; margin-right: 20px"
|
|
|
|
+ >
|
|
|
|
+ 配送方式:上门自提
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="form_obj.basic.indexOf('receivedName') > -1"
|
|
|
|
+ style="display: inline-block; margin-right: 20px"
|
|
|
|
+ >
|
|
|
|
+ {{ target_id === 6 ? "退货人" : "收货人" }}:六牛科技联系人
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="form_obj.basic.indexOf('receivedMobile') > -1"
|
|
|
|
+ style="display: inline-block; margin-right: 20px"
|
|
|
|
+ >
|
|
|
|
+ {{ target_id === 6 ? "退货" : "收货" }}电话:18888888888
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="
|
|
|
|
+ target_id != 6 &&
|
|
|
|
+ form_obj.basic.indexOf('customerAddress') > -1
|
|
|
|
+ "
|
|
|
|
+ style="display: inline-block; margin-right: 20px"
|
|
|
|
+ >
|
|
|
|
+ 收货地址:陕西省西安市未央区大明宫万达广场
|
|
|
|
+ </div>
|
|
|
|
+ <p
|
|
|
|
+ v-if="form_obj.basic.indexOf('remark') > -1"
|
|
|
|
+ style="font-weight: 560"
|
|
|
|
+ >
|
|
|
|
+ {{ self_label }}:销售单
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div style="margin-left: 20px">
|
|
|
|
+ <div id="second">
|
|
|
|
+ <table
|
|
|
|
+ border="1"
|
|
|
|
+ style="width: 94%; margin-top: 10px"
|
|
|
|
+ class="goods-table"
|
|
|
|
+ >
|
|
|
|
+ <tr>
|
|
|
|
+ <th v-for="(item, index) in tabelTd" :key="index">
|
|
|
|
+ {{ item.fields }}
|
|
|
|
+ </th>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-for="(td, tdI) in tableData" :key="tdI">
|
|
|
|
+ <template v-for="(item, index) in tabelTd">
|
|
|
|
+ <td :key="index">
|
|
|
|
+ <span v-if="item.alias !== 'images'">
|
|
|
|
+ {{ td[item.alias] }}
|
|
|
|
+ </span>
|
|
|
|
+ <img
|
|
|
|
+ v-else
|
|
|
|
+ :src="td[item.alias]"
|
|
|
|
+ style="width: 50px; height: 50px"
|
|
|
|
+ />
|
|
|
|
+ </td>
|
|
|
|
+ </template>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td style="text-align: center">合计:</td>
|
|
|
|
+ <template v-for="(item, index) in tabelTd">
|
|
|
|
+ <td v-if="index > 0" :key="index">
|
|
|
|
+ <span
|
|
|
|
+ v-if="
|
|
|
|
+ item.alias.indexOf('num') > -1 ||
|
|
|
|
+ item.alias.indexOf('Num') > -1
|
|
|
|
+ "
|
|
|
|
+ >
|
|
|
|
+ 2.00
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-else-if="
|
|
|
|
+ item.alias.indexOf('total') > -1 ||
|
|
|
|
+ item.alias.indexOf('Total') > -1
|
|
|
|
+ "
|
|
|
|
+ >
|
|
|
|
+ 200
|
|
|
|
+ </span>
|
|
|
|
+ <span v-else>--</span>
|
|
|
|
+ </td>
|
|
|
|
+ </template>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ v-if="form_obj.other.indexOf('shopDescribe') > -1"
|
|
|
|
+ :colspan="add_form.goods.length"
|
|
|
|
+ style="text-align: left"
|
|
|
|
+ >
|
|
|
|
+ 主营:进口食品,化妆品
|
|
|
|
+ </td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="target_id === 1"
|
|
|
|
+ style="font-weight: bold; margin: 10px 0 0 20px"
|
|
|
|
+ >
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('accountName') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 收款账户:肖肖
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('receivable') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 应收:90
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('orderPreferential') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 优惠:10
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('netReceipts') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 实收:90元
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('currentShortage') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 本单欠:90元
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('upOwe') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 上欠:90元
|
|
|
|
+ </span>
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.fiance.indexOf('totalDeficit') > -1"
|
|
|
|
+ class="add_num"
|
|
|
|
+ >
|
|
|
|
+ 总欠:90元
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="infomation">
|
|
|
|
+ <el-row :gutter="20">
|
|
|
|
+ <el-col :span="7">
|
|
|
|
+ <div v-if="form_obj.other.indexOf('shopName') > -1">
|
|
|
|
+ 商家名称:{{ enterprise_title }}
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="7">
|
|
|
|
+ <div v-if="form_obj.other.indexOf('shopMobile') > -1">
|
|
|
|
+ 商家电话:18888888888
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="10">
|
|
|
|
+ <div v-if="form_obj.other.indexOf('shopAddress') > -1">
|
|
|
|
+ 商家地址:陕西省西安市未央区大明宫万达广场
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="sign clearfix">
|
|
|
|
+ <span
|
|
|
|
+ v-if="form_obj.other.indexOf('signature') > -1"
|
|
|
|
+ class="float_left"
|
|
|
|
+ >
|
|
|
|
+ {{ target_id === 3 ? "签字确认:" : "客户签字:" }}
|
|
|
|
+ </span>
|
|
|
|
+ <span class="float_right">经手人: {{ enterprise_title }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ v-if="
|
|
|
|
+ (info_list.describe && target_id === 1) ||
|
|
|
|
+ (info_list.describe && target_id === 5)
|
|
|
|
+ "
|
|
|
|
+ class="sign"
|
|
|
|
+ style="text-align: left"
|
|
|
|
+ >
|
|
|
|
+ <pre>{{ info_list.describe }}</pre>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="9" style="margin-left: 50px">
|
|
|
|
+ <div style="overflow-y: auto">
|
|
|
|
+ <el-form :model="info_list" size="small" label-width="100px">
|
|
|
|
+ <span class="info-tit">基本信息</span>
|
|
|
|
+ <el-form-item label="模板名称:">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="info_list.title"
|
|
|
|
+ placeholder="请输入内容"
|
|
|
|
+ style="width: 200px"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ v-if="target_id === 1 || target_id === 5"
|
|
|
|
+ label="打印说明:"
|
|
|
|
+ >
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="info_list.describe"
|
|
|
|
+ type="textarea"
|
|
|
|
+ placeholder="请输入内容"
|
|
|
|
+ :rows="2"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <span class="info-tit">模板信息</span>
|
|
|
|
+ <el-form size="small" label-width="100px">
|
|
|
|
+ <el-form-item
|
|
|
|
+ v-if="add_form.basic && add_form.basic.length > 0"
|
|
|
|
+ label="基本信息:"
|
|
|
|
+ prop="name"
|
|
|
|
+ >
|
|
|
|
+ <el-checkbox-group v-model="form_obj.basic">
|
|
|
|
+ <div
|
|
|
|
+ v-for="(item, index) in add_form.basic"
|
|
|
|
+ :key="index"
|
|
|
|
+ style="display: inline-block; padding-right: 30px"
|
|
|
|
+ >
|
|
|
|
+ <el-checkbox :label="item.alias">
|
|
|
|
+ <span v-if="item.fields === '备注'">
|
|
|
|
+ {{ item.selfLabel || item.fields }}
|
|
|
|
+ </span>
|
|
|
|
+ <span v-else>{{ item.fields }}</span>
|
|
|
|
+ </el-checkbox>
|
|
|
|
+ <div
|
|
|
|
+ v-if="item.fields === '备注'"
|
|
|
|
+ style="
|
|
|
|
+ display: inline-block;
|
|
|
|
+ padding-left: 5px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ "
|
|
|
|
+ @click="dialogVisible = true"
|
|
|
|
+ >
|
|
|
|
+ <i style="font-size: 14px" class="el-icon-edit"></i>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </el-checkbox-group>
|
|
|
|
+ <!--<div>
|
|
|
|
+ <span class="font-label">字号:</span>
|
|
|
|
+ <el-input-number
|
|
|
|
+ v-model="value"
|
|
|
|
+ size="small"
|
|
|
|
+ :min="12"
|
|
|
|
+ ></el-input-number>
|
|
|
|
+ </div>-->
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ v-if="add_form.fiance && add_form.fiance.length > 0"
|
|
|
|
+ label="合计信息:"
|
|
|
|
+ prop="name"
|
|
|
|
+ >
|
|
|
|
+ <el-checkbox-group v-model="form_obj.fiance">
|
|
|
|
+ <el-checkbox
|
|
|
|
+ v-for="(item, index) in add_form.fiance"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.alias"
|
|
|
|
+ >
|
|
|
|
+ {{ item.fields }}
|
|
|
|
+ </el-checkbox>
|
|
|
|
+ </el-checkbox-group>
|
|
|
|
+ <!--<div>
|
|
|
|
+ <span class="font-label">字号:</span>
|
|
|
|
+ <el-input-number
|
|
|
|
+ v-model="value"
|
|
|
|
+ size="small"
|
|
|
|
+ :min="12"
|
|
|
|
+ ></el-input-number>
|
|
|
|
+ </div>-->
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ v-if="add_form.goods && add_form.goods.length > 0"
|
|
|
|
+ label="商品信息:"
|
|
|
|
+ prop="name"
|
|
|
|
+ >
|
|
|
|
+ <el-checkbox-group
|
|
|
|
+ v-model="form_obj.goods"
|
|
|
|
+ @change="tableChange"
|
|
|
|
+ >
|
|
|
|
+ <el-checkbox
|
|
|
|
+ v-for="(item, index) in add_form.goods"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.alias"
|
|
|
|
+ >
|
|
|
|
+ {{ item.fields }}
|
|
|
|
+ </el-checkbox>
|
|
|
|
+ </el-checkbox-group>
|
|
|
|
+ <!--<div>
|
|
|
|
+ <span class="font-label">字号:</span>
|
|
|
|
+ <el-input-number
|
|
|
|
+ v-model="value"
|
|
|
|
+ size="small"
|
|
|
|
+ :min="12"
|
|
|
|
+ ></el-input-number>
|
|
|
|
+ </div>-->
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ v-if="add_form.other && add_form.other.length > 0"
|
|
|
|
+ label="其他信息:"
|
|
|
|
+ prop="name"
|
|
|
|
+ >
|
|
|
|
+ <el-checkbox-group v-model="form_obj.other">
|
|
|
|
+ <el-checkbox
|
|
|
|
+ v-for="(item, index) in add_form.other"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.alias"
|
|
|
|
+ >
|
|
|
|
+ {{ item.fields }}
|
|
|
|
+ </el-checkbox>
|
|
|
|
+ </el-checkbox-group>
|
|
|
|
+ <!-- <div>
|
|
|
|
+ <span class="font-label">字号:</span>
|
|
|
|
+ <el-input-number
|
|
|
|
+ v-model="value"
|
|
|
|
+ size="small"
|
|
|
|
+ :min="12"
|
|
|
|
+ ></el-input-number>
|
|
|
|
+ </div>-->
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ </div>
|
|
|
|
+ <el-dialog
|
|
|
|
+ :close-on-press-escape="false"
|
|
|
|
+ :close-on-click-modal="false"
|
|
|
|
+ title="名称修改"
|
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
|
+ width="30%"
|
|
|
|
+ >
|
|
|
|
+ <span>
|
|
|
|
+ <el-input v-model="markName" placeholder="请输入新的名称"></el-input>
|
|
|
|
+ </span>
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
+ <el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
|
+ <el-button type="primary" @click="enFields">确 定</el-button>
|
|
|
|
+ </span>
|
|
|
|
+ </el-dialog>
|
|
|
|
+ </ContainerTit>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ import { saveReceiptTemplate, getInfoReceiptTemplate } from "@/api/System";
|
|
|
|
+ export default {
|
|
|
|
+ name: "EditTemplate",
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ value: 14,
|
|
|
|
+ sortable: "",
|
|
|
|
+ dropCol: [],
|
|
|
|
+ info_list: {
|
|
|
|
+ describe: "",
|
|
|
|
+ },
|
|
|
|
+ markName: "",
|
|
|
|
+ self_label: "备注",
|
|
|
|
+ dialogVisible: false,
|
|
|
|
+ tableData: [
|
|
|
|
+ {
|
|
|
|
+ goodsId: 1,
|
|
|
|
+ images:
|
|
|
|
+ "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
|
|
|
+ goodsName: "男士衬衫",
|
|
|
|
+ barCode: 562969523266,
|
|
|
|
+ strageCode: "09-09-09",
|
|
|
|
+ purchase: 100,
|
|
|
|
+ unitName: "件",
|
|
|
|
+ unitPrice: 100,
|
|
|
|
+ totalPrice: 100,
|
|
|
|
+ originTotalPrice: 100,
|
|
|
|
+ buyNum: "1.00",
|
|
|
|
+ outNum: "1.00",
|
|
|
|
+ purchaseNum: "1.00",
|
|
|
|
+ WarehousingNum: "1.00",
|
|
|
|
+ specName: "白色L",
|
|
|
|
+ skuValue: "1箱*10盒",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ goodsId: 1,
|
|
|
|
+ images:
|
|
|
|
+ "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
|
|
|
|
+ goodsName: "男士衬衫",
|
|
|
|
+ barCode: 562969523266,
|
|
|
|
+ strageCode: "09-09-09",
|
|
|
|
+ purchase: 100,
|
|
|
|
+ unitName: "件",
|
|
|
|
+ unitPrice: 100,
|
|
|
|
+ totalPrice: 100,
|
|
|
|
+ originTotalPrice: 100,
|
|
|
|
+ buyNum: "1.00",
|
|
|
|
+ outNum: "1.00",
|
|
|
|
+ specName: "白色L",
|
|
|
|
+ skuValue: "1箱*10盒",
|
|
|
|
+ purchaseNum: "1.00",
|
|
|
|
+ WarehousingNum: "1.00",
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ add_form: {},
|
|
|
|
+ form_obj: {
|
|
|
|
+ basic: [],
|
|
|
|
+ fiance: [],
|
|
|
|
+ goods: [],
|
|
|
|
+ other: [],
|
|
|
|
+ },
|
|
|
|
+ tabelTd: [],
|
|
|
|
+ meal_id: "",
|
|
|
|
+ num: 6,
|
|
|
|
+ target_id: "",
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+ mounted() {
|
|
|
|
+ // this.rowDrop()
|
|
|
|
+ this.meal_id = this.$route.params.id;
|
|
|
|
+ // this.columnDrop() // 表格拖拽事件
|
|
|
|
+ this.getInfoReceiptTemplate();
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ tableChange(val) {
|
|
|
|
+ this.tabelTd = this.add_form.goods.filter(
|
|
|
|
+ (item) => val.indexOf(item.alias) > -1
|
|
|
|
+ );
|
|
|
|
+ },
|
|
|
|
+ enFields() {
|
|
|
|
+ const target = this.$_common.deepClone(this.add_form);
|
|
|
|
+ target.basic.forEach((item) => {
|
|
|
|
+ if (item.fields === "备注") {
|
|
|
|
+ item.selfLabel = this.markName;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ this.add_form = target;
|
|
|
|
+ this.self_label = this.markName;
|
|
|
|
+ this.dialogVisible = false;
|
|
|
|
+ },
|
|
|
|
+ // 保存
|
|
|
|
+ async saveTem() {
|
|
|
|
+ let basic = [];
|
|
|
|
+ if (this.add_form.basic && this.add_form.basic.length) {
|
|
|
|
+ basic = this.add_form.basic.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ isShow: this.form_obj.basic.indexOf(item.alias) > -1 ? 5 : 4,
|
|
|
|
+ };
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ let goods = [];
|
|
|
|
+ if (this.add_form.goods && this.add_form.goods.length) {
|
|
|
|
+ goods = this.add_form.goods.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ isShow: this.form_obj.goods.indexOf(item.alias) > -1 ? 5 : 4,
|
|
|
|
+ };
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ let fiance = [];
|
|
|
|
+ if (this.add_form.fiance && this.add_form.fiance.length) {
|
|
|
|
+ fiance = this.add_form.fiance.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ isShow: this.form_obj.fiance.indexOf(item.alias) > -1 ? 5 : 4,
|
|
|
|
+ };
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ let other = [];
|
|
|
|
+ if (this.add_form.other && this.add_form.other.length) {
|
|
|
|
+ other = this.add_form.other.map((item) => {
|
|
|
|
+ return {
|
|
|
|
+ ...item,
|
|
|
|
+ isShow: this.form_obj.other.indexOf(item.alias) > -1 ? 5 : 4,
|
|
|
|
+ };
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ const data = await saveReceiptTemplate({
|
|
|
|
+ id: this.meal_id,
|
|
|
|
+ title: this.info_list.title,
|
|
|
|
+ describe: this.info_list.describe,
|
|
|
|
+ fieldsData: {
|
|
|
|
+ templateName: this.info_list.title,
|
|
|
|
+ templateInfo: {
|
|
|
|
+ basic: basic,
|
|
|
|
+ goods: goods,
|
|
|
|
+ fiance: fiance,
|
|
|
|
+ other: other,
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ this.$message.success("操作成功");
|
|
|
|
+ this.getInfoReceiptTemplate();
|
|
|
|
+ },
|
|
|
|
+ // 详情
|
|
|
|
+ async getInfoReceiptTemplate() {
|
|
|
|
+ const { data } = await getInfoReceiptTemplate(this.meal_id);
|
|
|
|
+
|
|
|
|
+ if (JSON.stringify(data) === "{}") return;
|
|
|
|
+ this.target_id = data.receiptType;
|
|
|
|
+ this.info_list = data;
|
|
|
|
+ if (!this.info_list.describe) {
|
|
|
|
+ this.info_list.describe = `以上商品均已履行进货检查验收法定程序,索验票证齐全,商家特此声明。↵此联由批发单位直接用于批发台账资料留存。`;
|
|
|
|
+ } else {
|
|
|
|
+ this.info_list.describe = this.info_list.describe.replace(
|
|
|
|
+ /<br\/>/g,
|
|
|
|
+ "\n"
|
|
|
|
+ );
|
|
|
|
+ }
|
|
|
|
+ this.add_form = data.fieldsData.templateInfo;
|
|
|
|
+ this.form_obj.basic = this.add_form.basic
|
|
|
|
+ .filter((item) => item.isShow === 5)
|
|
|
|
+ .map((item) => item.alias);
|
|
|
|
+
|
|
|
|
+ if (this.add_form.fiance && this.add_form.fiance.length) {
|
|
|
|
+ this.form_obj.fiance = this.add_form.fiance
|
|
|
|
+ .filter((item) => item.isShow === 5)
|
|
|
|
+ .map((item) => item.alias);
|
|
|
|
+ }
|
|
|
|
+ //表格显示字段
|
|
|
|
+ this.tabelTd = this.add_form.goods.filter((item) => item.isShow === 5);
|
|
|
|
+ this.form_obj.goods = this.tabelTd.map((item) => item.alias);
|
|
|
|
+
|
|
|
|
+ this.add_form.basic.forEach((item) => {
|
|
|
|
+ if (item.fields === "备注") {
|
|
|
|
+ if (!item.selfLabel) {
|
|
|
|
+ item.selfLabel = "";
|
|
|
|
+ } else {
|
|
|
|
+ this.self_label = item.selfLabel;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ this.form_obj.other = this.add_form.other
|
|
|
|
+ .filter((item) => item.isShow === 5)
|
|
|
|
+ .map((item) => item.alias);
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ };
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style scoped lang="scss">
|
|
|
|
+ .tem-img {
|
|
|
|
+ box-shadow: 0 3px 10px #dcdcdc;
|
|
|
|
+ width: 100%;
|
|
|
|
+ padding: 20px 0 20px 0;
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ position: relative;
|
|
|
|
+ .print-tag {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 190px;
|
|
|
|
+ top: 0;
|
|
|
|
+ img {
|
|
|
|
+ width: 120px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .infomation {
|
|
|
|
+ margin: 6px 20px;
|
|
|
|
+ }
|
|
|
|
+ .sign {
|
|
|
|
+ margin: 10px 20px;
|
|
|
|
+ }
|
|
|
|
+ .add_num {
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ }
|
|
|
|
+ .goods-table th,
|
|
|
|
+ .goods-table td {
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 22px;
|
|
|
|
+ }
|
|
|
|
+ .info-tit {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ display: block;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ }
|
|
|
|
+ .top_view {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ position: relative;
|
|
|
|
+ height: 40px;
|
|
|
|
+ }
|
|
|
|
+ .time_view {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ }
|
|
|
|
+ .name_view {
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 22px;
|
|
|
|
+ }
|
|
|
|
+ .num_view {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ }
|
|
|
|
+ .font-label {
|
|
|
|
+ color: #6c6c6c;
|
|
|
|
+ }
|
|
|
|
+</style>
|