| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\product\\productReply\\index.vue?vue&type=style&index=0&id=0fc3d6bc&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\product\\productReply\\index.vue","mtime":1761614939051},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY29udGVudF9mb250IHsNCiAgY29sb3I6ICMyYjg1ZTQ7DQp9DQouc2VhcmNoIHsNCiAgOjp2LWRlZXAgLml2dS1mb3JtLWl0ZW0tY29udGVudCB7DQogICAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDsNCiAgfQ0KfQ0KLml2dS1tdCAuQnV0dG9uIC5ibnQgew0KICBtYXJnaW4tcmlnaHQ6IDZweDsNCn0NCi5pdnUtbXQgLml2dS10YWJsZS1yb3cgew0KICBmb250LXNpemU6IDEycHg7DQogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNjUpOw0KfQ0KLml2dS1tdCA6OnYtZGVlcCAuaXZ1LXRhYmxlLWNlbGwgew0KICBwYWRkaW5nOiAxMHB4IDAgIWltcG9ydGFudDsNCn0NCi5waWN0cnVlIHsNCiAgd2lkdGg6IDM2cHg7DQogIGhlaWdodDogMzZweDsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoucGljdHJ1ZSBpbWcgew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OiAxMDAlOw0KICBkaXNwbGF5OiBibG9jazsNCiAgb2JqZWN0LWZpdDogY292ZXI7DQp9DQouaXZ1LW10IC5pbWdQaWMgLmluZm8gew0KICBmbGV4OiAxOw0KICBtYXJnaW4tbGVmdDogMTBweDsNCn0NCi5pdnUtbXQgLnBpY0xpc3QgLnBpY3RydWUgew0KICBoZWlnaHQ6IDM2cHg7DQogIG1hcmdpbjogN3B4IDNweCAwIDNweDsNCn0NCi5pdnUtbXQgLnBpY0xpc3QgLnBpY3RydWUgaW1nIHsNCiAgaGVpZ2h0OiAxMDAlOw0KICBkaXNwbGF5OiBibG9jazsNCn0NCi5wcm9kdWN0LWRhdGEgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAuaW1hZ2Ugew0KICAgIHdpZHRoOiA1MHB4ICFpbXBvcnRhbnQ7DQogICAgaGVpZ2h0OiA1MHB4ICFpbXBvcnRhbnQ7DQogICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAwkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/product/productReply","sourcesContent":["<template>\r\n <div class=\"article-manager\">\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: 0 }\">\r\n <div class=\"padding-add\">\r\n <el-form\r\n ref=\"formValidate\"\r\n :model=\"formValidate\"\r\n inline\r\n label-width=\"80px\"\r\n label-position=\"right\"\r\n @submit.native.prevent\r\n >\r\n <el-form-item label=\"评论时间：\">\r\n <el-date-picker\r\n clearable\r\n v-model=\"timeVal\"\r\n type=\"daterange\"\r\n @change=\"onchangeTime\"\r\n format=\"yyyy/MM/dd\"\r\n value-format=\"yyyy/MM/dd\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n :picker-options=\"pickerOptions\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n <el-form-item label=\"评价状态：\">\r\n <el-select\r\n v-model=\"formValidate.is_reply\"\r\n placeholder=\"请选择\"\r\n clearable\r\n @change=\"userSearchs\"\r\n class=\"form_content_width\"\r\n >\r\n <el-option value=\"1\" label=\"已回复\"></el-option>\r\n <el-option value=\"0\" label=\"未回复\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"审核状态：\">\r\n <el-select\r\n v-model=\"formValidate.status\"\r\n placeholder=\"请选择\"\r\n clearable\r\n @change=\"userSearchs\"\r\n class=\"form_content_width\"\r\n >\r\n <el-option value=\"0\" label=\"未审核\"></el-option>\r\n <el-option value=\"1\" label=\"已通过\"></el-option>\r\n <el-option value=\"2\" label=\"已拒绝\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n <el-form-item label=\"商品信息：\" label-for=\"store_name\">\r\n <el-input\r\n placeholder=\"请输入商品信息\"\r\n clearable\r\n v-model=\"formValidate.store_name\"\r\n class=\"form_content_width\"\r\n />\r\n </el-form-item>\r\n <el-form-item label=\"用户名称：\">\r\n <el-input\r\n enter-button\r\n placeholder=\"请输入\"\r\n clearable\r\n v-model=\"formValidate.account\"\r\n class=\"form_content_width\"\r\n />\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" v-db-click @click=\"userSearchs\">查询</el-button>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </el-card>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt16\">\r\n <el-row>\r\n <el-col v-bind=\"grid\">\r\n <el-button v-auth=\"['product-reply-save_fictitious_reply']\" type=\"primary\" v-db-click @click=\"addRep\"\r\n >添加自评</el-button\r\n >\r\n <el-button v-auth=\"['product-reply-save_fictitious_reply']\" v-db-click @click=\"openBatchModal\"\r\n >批量审核</el-button\r\n >\r\n </el-col>\r\n </el-row>\r\n <el-table\r\n ref=\"table\"\r\n :data=\"tableList\"\r\n class=\"ivu-mt mt14\"\r\n v-loading=\"loading\"\r\n @on-sort-change=\"sortMethod\"\r\n @selection-change=\"handleSelectRow\"\r\n empty-text=\"暂无数据\"\r\n >\r\n <el-table-column type=\"selection\" width=\"60\"> </el-table-column>\r\n <el-table-column label=\"评论ID\" width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.id }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"商品信息\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"imgPic acea-row row-middle\">\r\n <div class=\"pictrue\" v-viewer><img v-lazy=\"scope.row.image\" /></div>\r\n <div class=\"info line2\">{{ scope.row.store_name }}</div>\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"规格\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.suk }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"用户名称\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.nickname }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"评分\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.score }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"评价内容\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"mb5 content_font\">{{ scope.row.comment }}</div>\r\n <div v-viewer class=\"pictrue mr10\" v-for=\"(item, index) in scope.row.pics || []\" :key=\"index\">\r\n <img v-lazy=\"item\" :src=\"item\" />\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"回复内容\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.merchant_reply_content }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"审核状态\" min-width=\"80\">\r\n <template slot-scope=\"scope\">\r\n <el-tag effect=\"dark\" v-if=\"scope.row.status == 1\"> 通过 </el-tag>\r\n <el-tag effect=\"dark\" type=\"warning\" v-if=\"scope.row.status == 0\"> 待审核 </el-tag>\r\n <el-tag effect=\"dark\" type=\"danger\" v-if=\"scope.row.status == 2\"> 已拒绝 </el-tag>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"评价时间\" min-width=\"130\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.add_time }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"操作\" fixed=\"right\" width=\"170\">\r\n <template slot-scope=\"scope\">\r\n <template v-if=\"scope.row.status == 0\">\r\n <a class=\"item\" v-db-click @click=\"adopt(scope.row, '审核通过', 1)\">通过</a>\r\n <el-divider direction=\"vertical\"></el-divider>\r\n <a class=\"item\" v-db-click @click=\"adopt(scope.row, '拒绝', 2)\">驳回</a>\r\n <el-divider direction=\"vertical\"></el-divider>\r\n </template>\r\n <a v-if=\"scope.row.status != 2\" v-db-click @click=\"reply(scope.row)\">回复</a>\r\n <el-divider v-if=\"scope.row.status != 2\" direction=\"vertical\"></el-divider>\r\n <a v-db-click @click=\"del(scope.row, '删除评论', scope.$index)\">删除</a>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div class=\"acea-row row-right page\">\r\n <pagination\r\n v-if=\"total\"\r\n :total=\"total\"\r\n :page.sync=\"formValidate.page\"\r\n :limit.sync=\"formValidate.limit\"\r\n @pagination=\"getList\"\r\n />\r\n </div>\r\n </el-card>\r\n <el-dialog :visible.sync=\"modals\" scrollable title=\"回复内容\" width=\"720px\">\r\n <el-form ref=\"contents\" :model=\"contents\" :rules=\"ruleInline\" label-position=\"right\" @submit.native.prevent>\r\n <el-form-item prop=\"content\">\r\n <el-input v-model=\"contents.content\" type=\"textarea\" :rows=\"4\" placeholder=\"请输入回复内容\" />\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\">\r\n <el-button @click=\"cancels\">取消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"oks\">确定</el-button>\r\n </div>\r\n </el-dialog>\r\n <addReply\r\n @close=\"close\"\r\n :visible=\"replyModal\"\r\n :goods=\"goodsData\"\r\n :attr=\"attrData\"\r\n :avatar=\"avatarData\"\r\n :picture=\"pictureData\"\r\n @callGoods=\"callGoods\"\r\n @callAttr=\"callAttr\"\r\n @callPicture=\"callPicture\"\r\n @removePicture=\"removePicture\"\r\n ></addReply>\r\n <el-dialog :visible.sync=\"goodsModal\" title=\"选择商品\" width=\"1000px\">\r\n <goodsList v-if=\"replyModal\" @getProductId=\"getProductId\"></goodsList>\r\n </el-dialog>\r\n <el-dialog :visible.sync=\"attrModal\" title=\"选择商品规格\" width=\"1000px\">\r\n <el-table ref=\"table\" :row-key=\"getRowKey\" :data=\"goodsData.attrs\" height=\"500\">\r\n <el-table-column label=\"\" width=\"70\">\r\n <template slot-scope=\"scope\">\r\n <el-radio v-model=\"templateRadio\" :label=\"scope.row.unique\" @change.native=\"getTemplateRow(scope.row)\"\r\n > </el-radio\r\n >\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"图片\" width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <div class=\"product-data\">\r\n <img class=\"image\" :src=\"scope.row.pic\" />\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"规格\" min-width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.suk }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"售价\" min-width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.ot_price }}</span>\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"优惠价\" min-width=\"120\">\r\n <template slot-scope=\"scope\">\r\n <span>{{ scope.row.price }}</span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-dialog>\r\n <el-dialog :visible.sync=\"pictureModal\" width=\"950px\" title=\"上传商品图\" :close-on-click-modal=\"false\">\r\n <uploadPictures\r\n :isChoice=\"isChoice\"\r\n @getPic=\"getPic\"\r\n @getPicD=\"getPicD\"\r\n :gridBtn=\"gridBtn\"\r\n :gridPic=\"gridPic\"\r\n v-if=\"pictureModal\"\r\n ></uploadPictures>\r\n </el-dialog>\r\n <el-dialog\r\n :visible.sync=\"batchModal\"\r\n class=\"batch-box\"\r\n title=\"审核批量设置\"\r\n :show-close=\"true\"\r\n :close-on-click-modal=\"false\"\r\n width=\"540px\"\r\n >\r\n <el-form\r\n ref=\"batchFormData\"\r\n :model=\"batchFormData\"\r\n label-width=\"90px\"\r\n label-position=\"right\"\r\n @submit.native.prevent\r\n >\r\n <el-row :gutter=\"24\">\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"批量设置：\" prop=\"status\">\r\n <el-radio-group v-model=\"batchFormData.status\">\r\n <el-radio :label=\"1\">通过</el-radio>\r\n <el-radio :label=\"2\">拒绝</el-radio>\r\n </el-radio-group>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"batchModal = false\">取 消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"batchSub\">确 定</el-button>\r\n </span>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { replyListApi, setReplyApi, replyBatchStatus } from '@/api/product';\r\nimport addReply from '../components/addReply.vue';\r\nimport goodsList from '@/components/goodsList/index';\r\nimport uploadPictures from '@/components/uploadPictures';\r\n\r\nexport default {\r\n name: 'product_productEvaluate',\r\n components: {\r\n addReply,\r\n goodsList,\r\n uploadPictures,\r\n },\r\n data() {\r\n return {\r\n templateRadio: 0,\r\n modals: false,\r\n replyModal: false,\r\n pictureModal: false,\r\n goodsModal: false,\r\n batchModal: false,\r\n attrModal: false, // 选择商品规格\r\n batchFormData: {\r\n status: 1,\r\n },\r\n grid: {\r\n xl: 7,\r\n lg: 10,\r\n md: 12,\r\n sm: 12,\r\n xs: 24,\r\n },\r\n gridPic: {\r\n xl: 6,\r\n lg: 8,\r\n md: 12,\r\n sm: 12,\r\n xs: 12,\r\n },\r\n gridBtn: {\r\n xl: 4,\r\n lg: 8,\r\n md: 8,\r\n sm: 8,\r\n xs: 8,\r\n },\r\n formValidate: {\r\n is_reply: '',\r\n data: '',\r\n store_name: '',\r\n key: '',\r\n order: '',\r\n account: '',\r\n status: '',\r\n product_id: this.$route.params.id === undefined ? 0 : this.$route.params.id,\r\n page: 1,\r\n limit: 15,\r\n },\r\n pickerOptions: this.$timeOptions,\r\n value: '45',\r\n tableList: [],\r\n goodsAddType: '',\r\n goodsData: {},\r\n attrData: {},\r\n avatarData: {},\r\n pictureData: [],\r\n selectProductAttrList: [],\r\n isChoice: '',\r\n picTit: '',\r\n tableIndex: 0,\r\n total: 0,\r\n loading: false,\r\n timeVal: [],\r\n contents: {\r\n content: '',\r\n },\r\n ruleInline: {\r\n content: [{ required: true, message: '请输入回复内容', trigger: 'blur' }],\r\n },\r\n rows: {},\r\n ids: [],\r\n };\r\n },\r\n computed: {},\r\n created() {\r\n if (this.$route.query.is_reply == 0) this.formValidate.is_reply = this.$route.query.is_reply;\r\n this.getList();\r\n },\r\n watch: {\r\n '$route.params.id'(to, from) {\r\n this.formValidate.product_id = 0;\r\n this.getList();\r\n },\r\n replyModal(value) {\r\n if (!value) {\r\n this.goodsData = {};\r\n this.attrData = {};\r\n this.avatarData = {};\r\n this.pictureData = [];\r\n this.getList();\r\n }\r\n },\r\n },\r\n methods: {\r\n // 通过/驳回\r\n adopt(row, tit, num) {\r\n let delfromData = {\r\n title: tit,\r\n num: num,\r\n url: `product/reply/set_status/${row.id}/${num}`,\r\n method: 'put',\r\n ids: '',\r\n };\r\n this.$modalSure(delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 添加虚拟评论；\r\n addRep() {\r\n // this.$modalForm(fictitiousReply(this.formValidate.product_id)).then(() => this.getList());\r\n this.replyModal = true;\r\n },\r\n getRowKey(row) {\r\n return row.unique;\r\n },\r\n getTemplateRow(row) {\r\n this.attrData = row;\r\n this.attrModal = false;\r\n },\r\n oks() {\r\n this.modals = true;\r\n this.$refs['contents'].validate((valid) => {\r\n if (valid) {\r\n setReplyApi(this.contents, this.rows.id)\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n this.modals = false;\r\n this.$refs['contents'].resetFields();\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n return false;\r\n }\r\n });\r\n },\r\n handleSelectRow(selection) {\r\n const ids = [];\r\n for (let i = 0; i < selection.length; i++) {\r\n const item = selection[i];\r\n if (!ids.includes(item.id)) {\r\n ids.push(item.id);\r\n }\r\n }\r\n this.ids = ids;\r\n console.log(this.ids);\r\n },\r\n openBatchModal() {\r\n if (!this.ids.length) return this.$message.warning('请先选择评论');\r\n this.batchModal = true;\r\n },\r\n batchSub() {\r\n let delfromData = {\r\n ids: this.ids,\r\n status: this.batchFormData.status,\r\n };\r\n replyBatchStatus(delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.batchModal = false;\r\n this.ids = [];\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n cancels() {\r\n this.modals = false;\r\n this.$refs['contents'].resetFields();\r\n },\r\n // 删除\r\n del(row, tit, num) {\r\n let delfromData = {\r\n title: tit,\r\n num: num,\r\n url: `product/reply/${row.id}`,\r\n method: 'DELETE',\r\n ids: '',\r\n };\r\n this.$modalSure(delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.tableList.splice(num, 1);\r\n this.total = this.total - 1;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 回复\r\n reply(row) {\r\n this.modals = true;\r\n this.rows = row;\r\n },\r\n // 具体日期\r\n onchangeTime(e) {\r\n this.timeVal = e || [];\r\n this.formValidate.data = this.timeVal[0] ? (this.timeVal ? this.timeVal.join('-') : '') : '';\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\r\n sortMethod(a) {\r\n if (a.order === 'normal') {\r\n this.formValidate.key = '';\r\n this.formValidate.order = '';\r\n } else {\r\n this.formValidate.key = a.key;\r\n this.formValidate.order = a.order;\r\n }\r\n this.getList();\r\n },\r\n close(e) {\r\n this.replyModal = e;\r\n this.attrData = {};\r\n this.templateRadio = '';\r\n },\r\n // 选择时间\r\n selectChange(tab) {\r\n this.formValidate.data = tab;\r\n this.timeVal = [];\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\r\n // 列表\r\n getList() {\r\n this.loading = true;\r\n this.formValidate.is_reply = this.formValidate.is_reply || '';\r\n this.formValidate.store_name = this.formValidate.store_name || '';\r\n replyListApi(this.formValidate)\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tableList = data.list;\r\n this.total = res.data.count;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 表格搜索\r\n userSearchs() {\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\r\n search() {},\r\n callGoods() {\r\n this.goodsModal = true;\r\n },\r\n callAttr() {\r\n this.attrModal = true;\r\n },\r\n getProductId(goods) {\r\n this.goodsData = goods;\r\n this.goodsModal = false;\r\n this.attrData.unique = '';\r\n this.templateRadio = '';\r\n this.attrData = {};\r\n },\r\n getPic(pc) {\r\n this.avatarData = pc;\r\n this.pictureModal = false;\r\n },\r\n getPicD(pc) {\r\n let pictureData = [...this.pictureData];\r\n pictureData = pictureData.concat(pc);\r\n pictureData.sort((a, b) => a.att_id - b.att_id);\r\n let picture = [];\r\n for (let i = 0; i < pictureData.length; i++) {\r\n if (pictureData[i + 1] && pictureData[i].att_id != pictureData[i + 1].att_id) {\r\n picture.push(pictureData[i]);\r\n }\r\n if (!pictureData[i + 1]) {\r\n picture.push(pictureData[i]);\r\n }\r\n }\r\n this.pictureData = picture;\r\n this.pictureModal = false;\r\n },\r\n callPicture(type) {\r\n this.isChoice = type;\r\n this.pictureModal = true;\r\n },\r\n removePicture(att_id) {\r\n let index = this.pictureData.findIndex((item) => item.att_id === att_id);\r\n this.pictureData.splice(index, 1);\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.content_font {\r\n color: #2b85e4;\r\n}\r\n.search {\r\n ::v-deep .ivu-form-item-content {\r\n margin-left: 0 !important;\r\n }\r\n}\r\n.ivu-mt .Button .bnt {\r\n margin-right: 6px;\r\n}\r\n.ivu-mt .ivu-table-row {\r\n font-size: 12px;\r\n color: rgba(0, 0, 0, 0.65);\r\n}\r\n.ivu-mt ::v-deep .ivu-table-cell {\r\n padding: 10px 0 !important;\r\n}\r\n.pictrue {\r\n width: 36px;\r\n height: 36px;\r\n display: inline-block;\r\n cursor: pointer;\r\n}\r\n.pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n object-fit: cover;\r\n}\r\n.ivu-mt .imgPic .info {\r\n flex: 1;\r\n margin-left: 10px;\r\n}\r\n.ivu-mt .picList .pictrue {\r\n height: 36px;\r\n margin: 7px 3px 0 3px;\r\n}\r\n.ivu-mt .picList .pictrue img {\r\n height: 100%;\r\n display: block;\r\n}\r\n.product-data {\r\n display: flex;\r\n align-items: center;\r\n .image {\r\n width: 50px !important;\r\n height: 50px !important;\r\n margin-right: 10px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
