123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982 |
- <template>
- <div class="app-container">
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button
- type="primary"
- plain
- icon="el-icon-document-add"
- size="mini"
- @click="addNew"
- :loading="loadingAdd"
- >提交领样</el-button
- >
- </el-col>
- </el-row>
- <p>领样已提交数量:{{ sampleReceivedCount }}</p>
- <el-table
- v-loading="loading"
- :data="typeList"
- ref="multipleTable"
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="50" align="center" />
- <el-table-column label="商品名称" align="center" prop="itemId" width="300">
- <template slot-scope="scope">
- <div style="display: flex; width: 100%">
- <div style="width: 40%">
- <img :src="scope.row.itemImgUrl" alt="" style="width: 70px; height: auto" />
- </div>
- <div style="width: 60%" class="item-name-calss">
- <a
- style="
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- width: 100%;
- "
- :title="scope.row.itemTitle"
- >
- {{ scope.row.itemTitle }}
- </a>
- <p>商品Id: {{ scope.row.itemId }}</p>
- <p>商品单价: {{ scope.row.itemPrice / 100 }}元</p>
- <p>
- 佣金率:
- {{ scope.row.commissionRate ? scope.row.commissionRate / 10 + "%" : "-" }}
- </p>
- </div>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- label="达人名称"
- align="center"
- prop="promoterNickName"
- width="300"
- >
- <template slot-scope="scope">
- <div style="display: flex; width: 100%">
- <div style="width: 40%">
- <img
- :src="scope.row.promoterUrl"
- alt=""
- style="width: 70px; height: auto"
- />
- </div>
- <div style="width: 60%" class="item-name-calss">
- <a
- style="
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- width: 100%;
- "
- :title="scope.row.promoterNickName"
- >
- {{ scope.row.promoterNickName }}
- </a>
- <p>达人Id: {{ scope.row.promoterId }}</p>
- </div>
- </div>
- </template>
- </el-table-column>
- <el-table-column label="达人信息" align="center" prop="consignee" width="350px">
- <template slot-scope="scope">
- <div style="width: 100%" class="item-name-calss">
- <p style="margin-bottom: 5px">
- 收货人:
- <span v-if="!scope.row.consigneeEdit">{{ scope.row.consignee }}</span>
- <el-input
- v-else
- v-model="scope.row.consignee"
- placeholder="请输入内容"
- style="width: 200px"
- ></el-input>
- <a
- :class="!scope.row.consigneeEdit ? 'el-icon-edit' : 'el-icon-check'"
- @click="scope.row.consigneeEdit = !scope.row.consigneeEdit"
- style="color: deepskyblue; margin-left: 10px; display: inline"
- ></a>
- </p>
- <p style="margin-bottom: 5px">
- 手机号:
- <span v-if="!scope.row.promoterPhoneEdit">{{
- scope.row.promoterPhone
- }}</span>
- <el-input
- v-else
- v-model.number="scope.row.promoterPhone"
- placeholder="请输入内容"
- style="width: 200px"
- ></el-input>
- <a
- :class="!scope.row.promoterPhoneEdit ? 'el-icon-edit' : 'el-icon-check'"
- @click="scope.row.promoterPhoneEdit = !scope.row.promoterPhoneEdit"
- style="color: deepskyblue; margin-left: 10px; display: inline"
- ></a>
- </p>
- <p style="margin-bottom: 5px">
- 地址:
- <span v-if="!scope.row.promoterAddressEdit">{{
- scope.row.promoterAddress
- }}</span>
- <el-input
- v-else
- v-model="scope.row.promoterAddress"
- placeholder="请输入内容"
- style="width: 200px"
- ></el-input>
- <a
- :class="!scope.row.promoterAddressEdit ? 'el-icon-edit' : 'el-icon-check'"
- @click="scope.row.promoterAddressEdit = !scope.row.promoterAddressEdit"
- style="color: deepskyblue; margin-left: 10px; display: inline"
- ></a>
- </p>
- </div>
- </template>
- </el-table-column>
- <!-- <el-table-column label="收货人" align="center" prop="consignee" width="150px">
- <template slot-scope="scope">
- <div>
- <el-input v-model="scope.row.consignee" placeholder="请输入收货人"></el-input>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- label="达人手机号"
- align="center"
- prop="promoterPhone"
- width="150px"
- >
- <template slot-scope="scope">
- <div>
- <el-input
- v-model="scope.row.promoterPhone"
- placeholder="请输入达人手机号"
- ></el-input>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- label="达人地址"
- align="center"
- prop="promoterAddress"
- width="200px"
- >
- <template slot-scope="scope">
- <div>
- <el-input
- v-model="scope.row.promoterAddress"
- placeholder="请输入达人地址"
- ></el-input>
- </div>
- </template>
- </el-table-column> -->
- <el-table-column label="领样数量" align="center" prop="sampleCount" width="250px">
- <template slot-scope="scope">
- <div>
- <el-input v-model.number="scope.row.sampleCount"></el-input>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- label="领样备注"
- align="center"
- prop="sampleRequirement"
- width="250px"
- >
- <template slot-scope="scope">
- <div>
- <el-input
- v-model="scope.row.sampleRequirement"
- placeholder="请输入领样备注"
- ></el-input>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- label="操作"
- align="center"
- class-name="small-padding fixed-width"
- width="150px"
- fixed="right"
- >
- <template slot-scope="scope">
- <el-button size="mini" type="text" @click="copyInfomation(scope.row)"
- >一键同步</el-button
- >
- <el-button
- size="mini"
- type="text"
- @click="
- workVisible = true;
- noticeContent = '';
- ids = `${scope.row.itemId + '-' + scope.row.promoterId}`;
- "
- >上传凭证</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- <pagination
- v-show="total > 0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
- <!-- 添加直播 -->
- <el-dialog
- :title="!!ids ? '修改商品' : '新增商品'"
- :visible.sync="openAllocation"
- width="800px"
- append-to-body
- :close-on-click-modal="false"
- >
- <el-form
- ref="formBroadcast"
- :model="formBroadcast"
- :rules="rulesBroadcast"
- label-width="100px"
- :inline="true"
- >
- <el-form-item label="创建人" prop="userName" style="width: 100%">
- {{ $store.getters.name }}
- </el-form-item>
- <el-form-item label="活动ID" prop="activityId">
- <el-input
- placeholder="请输入活动ID"
- style="width: 240px"
- v-model="formBroadcast.activityId"
- :disabled="edit"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="商品ID" prop="itemId">
- <el-input
- placeholder="请输入商品ID"
- style="width: 240px"
- v-model="formBroadcast.itemId"
- :disabled="edit"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="发货地" prop="postArea">
- <selectTree
- :disabled="edit"
- style="width: 240px"
- v-model="formBroadcast.postArea"
- filterable
- :data="superiorList"
- :props="{
- value: 'id',
- label: 'name',
- }"
- />
- </el-form-item>
- <el-form-item label="不发货地区" prop="noPostArea">
- <selectTree
- style="width: 240px"
- v-model="formBroadcast.noPostArea"
- filterable
- :multiple="true"
- :data="superiorList"
- :props="{
- value: 'id',
- label: 'name',
- }"
- />
- </el-form-item>
- <el-form-item label="佣金比例" prop="commissionRate">
- <el-input
- placeholder="请输入佣金比例"
- style="width: 240px"
- v-model="formBroadcast.commissionRate"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="服务费" prop="regimentalPromotion">
- <el-input
- placeholder="请输入服务费"
- style="width: 240px"
- v-model="formBroadcast.regimentalPromotion"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="服务费率" prop="regimentalPromotionRate">
- <el-input
- placeholder="请输入服务费率"
- style="width: 240px"
- v-model="formBroadcast.regimentalPromotionRate"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="领样要求" prop="sampleRequirement">
- <el-input
- placeholder="请输入领样要求"
- style="width: 240px"
- v-model="formBroadcast.sampleRequirement"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="样品数量" prop="sampleCount">
- <el-input
- placeholder="请输入样品数量"
- style="width: 240px"
- v-model="formBroadcast.sampleCount"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="商品链接" prop="detailUrl">
- <el-input
- placeholder="请输入商品链接"
- style="width: 240px"
- v-model="formBroadcast.detailUrl"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="发货率" prop="deliveryRate">
- <el-input
- placeholder="请输入发货率"
- style="width: 240px"
- v-model="formBroadcast.deliveryRate"
- >
- </el-input>
- </el-form-item>
- <el-form-item
- label="手卡内容"
- prop="partnerRecommendText"
- style="width: 100%"
- class="entire-line"
- >
- <el-input
- placeholder="请输入手卡内容"
- style="width: 100%"
- type="textarea"
- :rows="2"
- v-model="formBroadcast.partnerRecommendText"
- >
- </el-input>
- </el-form-item>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitFormBroadcast" :loading="confirmLoading"
- >确 定</el-button
- >
- <el-button
- @click="
- confirmLoading = false;
- openAllocation = false;
- formBroadcast = {};
- "
- >取 消</el-button
- >
- </div>
- </el-dialog>
- <!-- 审核拒绝 -->
- <el-dialog
- title="拒绝原因"
- :visible.sync="refuseVisible"
- width="500px"
- :close-on-click-modal="false"
- append-to-body
- >
- <el-input
- placeholder="请输入拒绝原因"
- style="width: 100%"
- type="textarea"
- :rows="2"
- v-model="refuseInfo"
- >
- </el-input>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="submitRefuse" :loading="refuseLoading"
- >确 定</el-button
- >
- <el-button
- @click="
- refuseLoading = false;
- refuseVisible = false;
- refuseInfo = null;
- "
- >取 消</el-button
- >
- </div>
- </el-dialog>
- <!-- 上传作业 -->
- <el-dialog
- title="上传"
- :visible.sync="workVisible"
- width="500px"
- append-to-body
- :close-on-click-modal="false"
- >
- <!-- <uploadEditor
- v-model="noticeContent"
- style="min-height: 100px"
- v-if="workVisible"
- /> -->
- <uploadCvImageVue ref="fileUpload" :multiple="false" />
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="workUpload" :loading="workLoading"
- >确 定</el-button
- >
- <el-button
- @click="
- workLoading = false;
- workVisible = false;
- noticeContent = '';
- "
- >取 消</el-button
- >
- </div>
- </el-dialog>
- </div>
- </template>
- <script>
- import { refreshCache } from "@/api/system/dict/type";
- import {
- getItemList,
- getAreaList,
- getCity,
- checkItem,
- editItem,
- preview,
- addPreview,
- } from "@/api/goodsManagement/goods";
- import selectTree from "./selectTree.vue";
- import uploadEditor from "./uploadEditor.vue";
- import uploadCvImageVue from "./uploadCvImage.vue";
- export default {
- name: "account-list",
- components: {
- uploadEditor,
- selectTree,
- uploadCvImageVue,
- },
- data() {
- const equalToPassword = (rule, value, callback) => {
- if (!!value && !this.edit) {
- checkItem({ itemId: value }).then((res) => {
- if (res.message == "true") {
- callback();
- } else {
- callback(new Error(res.message));
- }
- });
- } else {
- callback();
- }
- };
- return {
- api: "",
- limit: 2,
- fileList: [],
- dialogImageUrl: "",
- dialogVisible: false,
- workVisible: false,
- workLoading: false,
- noticeContent: undefined,
- // 遮罩层
- loading: true,
- loadingAdd: false,
- // 选中数组
- ids: null,
- okIds: null,
- // 非单个禁用
- single: true,
- // 非多个禁用
- multiple: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 字典表格数据
- typeList: [],
- sampleReceivedCount: 0,
- //上传文件类型
- fileType: [".doc", ".xls", ".xlsx", ".ppt", ".pdf", ".csv"],
- // 弹出层标题
- title: "",
- // 是否显示弹出层
- open: false,
- openFp: false,
- formFp: {},
- // 是否可编辑
- edit: false,
- // 分配销售
- openAllocation: false,
- // 选择的销售id
- saleId: undefined,
- // 销售列表
- saleList: [],
- // 分配销售确定loading
- confirmLoadingSale: false,
- // 日期范围
- dateRange: [],
- superiorList: [],
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- itemTitle: undefined,
- itemId: undefined,
- examineStatus: "2",
- },
- //页面所有的下拉数据
- queryParamsList: {
- tagList: [
- { value: "2", label: "我的商品" },
- { value: "1", label: "待审核" },
- { value: "3", label: "审核拒绝" },
- ],
- },
- // 表单参数
- form: {},
- formBroadcast: {},
- //上传报表下拉数据
- formList: {},
- fileList: [],
- accept: "",
- //获取销售线索文件流
- dateFile: new FormData(),
- //销售线索上传loading
- confirmLoading: false,
- // 表单校验
- rules: {},
- rulesBroadcast: {
- itemId: [
- {
- required: true,
- message: "商品ID必填",
- trigger: "blur",
- },
- { required: true, validator: equalToPassword, trigger: "blur" },
- ],
- activityId: {
- required: true,
- message: "活动ID必填",
- trigger: "blur",
- },
- postArea: {
- required: true,
- message: "发货地必选",
- trigger: "change",
- },
- noPostArea: {
- required: true,
- message: "不发货地必选",
- trigger: "change",
- },
- commissionRate: {
- required: true,
- message: "佣金比例必填",
- trigger: "blur",
- },
- regimentalPromotion: {
- required: true,
- message: "服务费必填",
- trigger: "blur",
- },
- regimentalPromotionRate: {
- required: true,
- message: "服务费率必填",
- trigger: "blur",
- },
- sampleRequirement: {
- required: true,
- message: "领样要求必填",
- trigger: "blur",
- },
- sampleCount: {
- required: true,
- message: "样品数量必填",
- trigger: "blur",
- },
- partnerRecommendText: [
- {
- required: true,
- message: "手卡内容必填",
- trigger: "blur",
- },
- {
- min: 5,
- message: "手卡内容最少输入5个字符",
- trigger: "change",
- },
- ],
- },
- // 分配销售展示列表
- ksInfo: null,
- userId: null,
- refuseVisible: false,
- refuseLoading: false,
- refuseInfo: null,
- itemId: null,
- };
- },
- created() {
- this.userId = this.$store.getters.userId;
- this.getList();
- },
- filters: {
- activityItemStatusName(status) {
- const statusMap = {
- 1: "待审核",
- 2: "已上架",
- 3: "审核失败(拒绝)",
- 4: "活动结束",
- 5: "失效",
- };
- return statusMap[status];
- },
- },
- methods: {
- workUpload() {
- var index = this.typeList.findIndex((item) => {
- return this.ids == item.itemId + "-" + item.promoterId;
- });
- this.typeList[index].sampleVoucher = this.$refs.fileUpload.fileList[0].url
- // console.log(index);
- // console.log(this.$refs.fileUpload.fileList)
- // console.log(this.typeList)
- this.workVisible = false
- },
- handleSelectionChange(selection) {
- this.okIds = selection.map((item) => item.itemId + "-" + item.promoterId);
- },
- okInfomation(item) {
- this.$router.replace({
- path: "/goodsManagement/promoterSelect",
- query: {
- itemIds: item.itemId,
- },
- });
- },
- toDetail(item) {
- localStorage.setItem("addItemInfo", JSON.stringify({ ...item, type: "look" }));
- this.$router.replace({
- path: "/goodsManagement/goodsPreview",
- });
- },
- copyInfomation(item) {
- if (!!item.sampleRequirement && !!item.sampleCount) {
- this.typeList = [
- ...this.typeList.map((items) => {
- return {
- ...items,
- sampleRequirement: item.sampleRequirement,
- sampleCount: item.sampleCount,
- };
- }),
- ];
- } else {
- this.$message.error("请填写完成,方可同步");
- }
- },
- submitRefuse() {
- if (!!this.refuseInfo) {
- var params = {};
- params.itemId = this.itemId;
- params.examineStatus = 3;
- params.refuseDetail = this.refuseInfo;
- params.examineId = this.$store.getters.userId;
- params.examineName = this.$store.getters.name;
- editItem(params)
- .then((res) => {
- this.refuseVisible = false;
- this.refuseLoading = false;
- this.getList();
- this.$modal.msgSuccess("已拒绝");
- })
- .catch(() => {
- this.$message.error("失败");
- });
- } else {
- this.$message.error("请输入拒绝原因");
- }
- },
- getAreaList() {
- getAreaList().then((res) => {
- this.superiorList = res.map((item) => {
- return {
- id: item,
- name: item,
- disabled: true,
- };
- });
- });
- },
- loadNode(node, resolve) {
- if (node.level === 0) {
- return resolve([{ name: "region" }]);
- }
- if (node.level > 1) return resolve([]);
- console.log(node);
- getCity({ province: node.data.id }).then((res) => {
- const data = res.map((item) => {
- return {
- id: item,
- name: item,
- };
- });
- resolve(data);
- });
- // setTimeout(() => {
- // const data = [
- // {
- // name: "leaf",
- // leaf: true,
- // },
- // {
- // name: "zone",
- // },
- // ];
- // resolve(data);
- // }, 500);
- },
- handleNodeClick(val) {
- console.log(val);
- this.$set(this.formBroadcast, "postArea", val.id);
- this.$set(this.formBroadcast, "postAreaName", val.name);
- if (!val.children || val.children.length == 0) {
- this.$refs.selectReport.blur();
- }
- },
- /** 查询字典类型列表 */
- getList() {
- this.loading = true;
- preview({
- itemIds: this.$route.query.itemIds,
- ids: this.$route.query.promoterIds,
- userId: this.$store.getters.userId,
- }).then((response) => {
- this.$nextTick(() => {
- this.okIds = response.preview.samples.map((item) => {
- return item.itemId + "-" + item.promoterId;
- });
- this.typeList = response.preview.samples.map((item) => {
- return {
- ...item,
- sampleCount: null,
- sampleRequirement: null,
- consigneeEdit: false,
- promoterPhoneEdit: false,
- promoterAddressEdit: false,
- sampleVoucher:undefined,
- };
- });
- this.sampleReceivedCount = response.preview.sampleReceivedCount;
- this.$refs.multipleTable.toggleAllSelection();
- });
- // this.total = response.total;
- this.loading = false;
- });
- },
- // 取消按钮
- cancel() {
- this.open = false;
- this.confirmLoading = false;
- this.reset();
- },
- // 表单重置
- reset() {
- this.form = {};
- this.dateFile = null;
- this.resetForm("formBroadcast");
- },
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.dateRange = [];
- this.resetForm("queryForm");
- this.handleQuery();
- },
- addNew() {
- console.log(this.okIds);
- if (this.okIds.length > 0) {
- var dataArr = [];
- for (let i = 0; i < this.okIds.length; i++) {
- for (let c = 0; c < this.typeList.length; c++) {
- if (
- this.okIds[i] ==
- this.typeList[c].itemId + "-" + this.typeList[c].promoterId
- ) {
- dataArr.push(this.typeList[c]);
- }
- }
- }
- var dataFind = dataArr.findIndex((v) => {
- return !v.sampleRequirement || !v.sampleCount;
- });
- if (dataFind > -1) {
- this.$message.error("请填写提交的领样");
- } else {
- this.loadingAdd = true;
- // console.log(dataArr);
- addPreview({ temCollectSamples: JSON.stringify(dataArr) }).then((res) => {
- this.loadingAdd = false;
- const obj = {
- path: "/goodsManagement/samplingList",
- };
- this.$tab.closeOpenPage(obj);
- this.$message.success("提交成功");
- localStorage.setItem("clearData", 1);
- });
- }
- } else {
- this.$message.error("请选择提交的领样");
- }
- // this.getAreaList();
- // this.openAllocation = true;
- // this.edit = false;
- // this.ids = null;
- // this.confirmLoading = false;
- // this.formBroadcast = {};
- // setTimeout(() => {
- // this.$refs.formBroadcast.clearValidate();
- // }, 0);
- },
- /** 修改按钮操作 */
- handleUpdate(row) {
- this.reset();
- },
- /** 新增直播确定按钮 */
- submitFormBroadcast: function () {
- this.$refs["formBroadcast"].validate((valid) => {
- if (valid) {
- if (!this.edit) {
- localStorage.setItem("addItemInfo", JSON.stringify(this.formBroadcast));
- this.$router.replace({
- path: "/goodsManagement/goodsPreview",
- });
- } else {
- this.confirmLoading = true;
- var params = { ...this.formBroadcast };
- params.examineStatus = 1;
- editItem(params)
- .then((res) => {
- this.confirmLoading = false;
- this.openAllocation = false;
- this.formBroadcast = {};
- this.getList();
- this.$modal.msgSuccess("修改成功");
- })
- .catch(() => {
- this.confirmLoading = false;
- this.$message.error("失败");
- });
- }
- }
- });
- },
- /** 提交按钮 */
- submitForm: function () {
- this.$refs["form"].validate((valid) => {
- if (valid) {
- var fileList = this.$refs.fileUploadDialog.fileList;
- var dapanUrls = this.$refs.fileUpload.fileList;
- var portraitUrls = this.$refs.fileUploadFx.fileList;
- if (fileList.length == 0 && dapanUrls.length == 0 && portraitUrls.length == 0) {
- this.$message.error("直播数据,数据大盘,画像分析必须最少上传一项");
- return;
- } else {
- this.confirmLoading = true;
- let formData = new FormData();
- this.ids;
- formData.append("id", this.ids);
- formData.append("actualGmv", this.delcommafy(this.form.actualGmv));
- formData.append(
- "dapanUrls",
- JSON.stringify(
- dapanUrls.map((item) => {
- return item.url;
- })
- )
- );
- formData.append(
- "portraitUrls",
- JSON.stringify(
- portraitUrls.map((item) => {
- return item.url;
- })
- )
- );
- fileList.forEach((file) => formData.append("files", file.raw));
- dataUpload(formData)
- .then((res) => {
- this.confirmLoading = false;
- this.$message.success("上传成功");
- this.open = false;
- this.ids = null;
- this.cancel();
- this.handleQuery();
- })
- .catch((err) => {
- this.confirmLoading = false;
- });
- }
- console.log(fileList, dapanUrls, portraitUrls);
- }
- });
- },
- },
- };
- </script>
- <style lang="scss" scoped>
- .entire-line {
- width: 100%;
- ::v-deep .el-form-item__content {
- width: 60%;
- }
- }
- ::v-deep .el-form-item__label {
- white-space: nowrap;
- }
- </style>
- <style scoped lang="scss">
- ::v-deep a {
- color: #409eff;
- display: block;
- text-align: left;
- }
- .item-name-calss p {
- margin: 0;
- text-align: left;
- }
- .tableBox {
- width: 100%;
- }
- ::v-deep .el-tabs__content {
- overflow: initial;
- }
- </style>
|