@@ -349,21 +348,17 @@
¥{{ scope.row.stock }}/篇
- 
+
+
-
-
-
+
+
+
+
+
-
取消
确定
-
-
+
-
+
-
¥{{ row.price }}/{{ row.word }}字
¥{{ row.price }}/篇
-
+
-
+
-
+ 输入＞0的数，越小排序越前；重复则新者优先；0则默认排序
- ++ 输入＞0的数，越小排序越前；重复则新者优先；0则默认排序
{{ row.num }}
-
+
+
+
+
-
+
+
编辑
@@ -445,7 +458,8 @@
-
+
+
@@ -514,8 +528,8 @@
@@ -531,8 +545,9 @@ import GuipDialog from '@/components/GuipDialog.vue';
import PaymentMethod from '@/components/paymentMethod.vue';
import DomainModal from '@/components/domainModal.vue';
import CustomDropdown from '@/components/CustomDropdown.vue';
-// import GuipTable from '@/components/GuipTable.vue';
+import SvgIcon from '@/components/SvgIcon.vue';
import store from '../store';
+import GuipTable from '@/components/GuipTable.vue';
export default {
components: {
@@ -541,16 +556,28 @@ export default {
GuipInput,
GuipRadio,
GuipSelect,
+ SvgIcon,
Footer,
GuipSwitch,
GuipDialog,
PaymentMethod,
DomainModal,
- CustomDropdown
- // GuipTable
+ CustomDropdown,
+ GuipTable
},
data() {
return {
+ popoverFlag:false,
+ tableData2: [
+ {
+ id: 1,
+ date: '2023-01-01',
+ name: '张三',
+ namePopoverVisible: false,
+ agePopoverVisible: false
+ },
+ // 更多数据...
+ ],
btnstyleObj1: {
width: '137px',
height: '38px',
@@ -756,12 +783,12 @@ export default {
},
],
currentPage: 1, //当前页
- pageSize: 1, //每页的容量
+ pageSize: 2, //每页的容量
total: 0, //列表总数
dialogVisible: false,//是否展示弹框
showCancelButton: true, // 控制是否显示取消按钮
showCloseButton: true, // 控制是否显示关闭按钮
- activeStep: 2,//当前步骤条
+ activeStep: 3,//当前步骤条
has_store: '1',//是否是初次授权 还是已有店铺 大于0 已有店铺
distribution_channel: '0',//销售渠道 是否为电商 0 非电商 >0 电商
payment_method_list: [//收款方式
@@ -794,22 +821,23 @@ export default {
'3': '想卖哪些东西？来选选吧',
},
tableData1: [
- { id: 1, name: '万方大学生版', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a', num: '1', edit_num: '', num_popover: false, homeFlag: true, payment: '0' },
- { id: 2, name: '维普检测版', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a', num: '2', edit_num: '', num_popover: false, homeFlag: true, payment: '1' },
- { id: 3, name: '商品C1', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b', num: '2', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
- { id: 1, name: '商品A2', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a', num: '3', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
- { id: 2, name: '商品B2', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a', num: '0', edit_num: '', num_popover: false, homeFlag: true },
- { id: 3, name: '商品C2', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b', num: '1', edit_num: '' },
- { id: 1, name: '商品A3', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a' },
- { id: 2, name: '商品B3', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a' },
- { id: 3, name: '商品C3', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b' },
- { id: 1, name: '商品A4', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a' },
- { id: 2, name: '商品B4', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a' },
- { id: 3, name: '商品C4', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b' },
- { id: 1, name: '商品A5', stock: 100, price: 50, price_popover: false, edit_price: '', type: 'a' },
- { id: 2, name: '商品B5', stock: 200, price: 80, word: 1000, price_popover: false, edit_price: '', editWord: '', type: 'a' },
- { id: 3, name: '商品C5', stock: 150, price: 120, price_popover: false, edit_price: '', type: 'b' },
+ { id: 1, name: '万方大学生版', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a', num: '1', edit_num: '', num_popover: false, homeFlag: true, payment: '0' },
+ { id: 2, name: '维普检测版', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a', num: '2', edit_num: '', num_popover: false, homeFlag: true, payment: '1' },
+ { id: 3, name: '商品C1', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b', num: '2', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
+ { id: 11, name: '商品A2', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a', num: '3', edit_num: '', num_popover: false, homeFlag: false, payment: '0' },
+ { id: 21, name: '商品B2', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a', num: '0', edit_num: '', num_popover: false, homeFlag: true },
+ { id: 31, name: '商品C2', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b', num: '1', edit_num: '' },
+ { id: 12, name: '商品A3', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
+ { id: 22, name: '商品B3', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
+ { id: 32, name: '商品C3', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
+ { id: 13, name: '商品A4', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
+ { id: 23, name: '商品B4', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
+ { id: 33, name: '商品C4', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
+ { id: 14, name: '商品A5', stock: 100, price: 50, pricePopoverVisible: false, edit_price: '', type: 'a' },
+ { id: 24, name: '商品B5', stock: 200, price: 80, word: 1000, pricePopoverVisible: false, edit_price: '', editWord: '', type: 'a' },
+ { id: 34, name: '商品C5', stock: 150, price: 120, pricePopoverVisible: false, edit_price: '', type: 'b' },
],
+ tableLoading: false,
typelistobj: {
a: ''
},
@@ -884,6 +912,19 @@ export default {
},
},
methods: {
+ closeOtherPopovers(currentRow, type) {
+ this.tableData1.forEach(row => {
+ if (row !== currentRow) {
+ row[`${type}PopoverVisible`] = false;
+ }
+ // 关闭同一行其他类型的弹出框
+ Object.keys(row)
+ .filter(key => key.endsWith('PopoverVisible') && key !== `${type}PopoverVisible`)
+ .forEach(key => {
+ row[key] = false;
+ });
+ });
+ },
nextGoSettingPrice() {
this.$router.push('/configureServicePrices')
},
@@ -949,13 +990,14 @@ export default {
// 点击价格单元格时触发
handlePriceClick(row, index, type) {
// 关闭其他行的弹框
+ this.popoverFlag = true;
this.tableData.forEach((item, i) => {
if (i !== index) {
- item[type + '_popover'] = false;
+ item[type + 'PopoverVisible'] = false;
}
});
// 打开当前行的弹框
- row[type + '_popover'] = true;
+ row[type + 'PopoverVisible'] = true;
row['edit_' + type] = row[type]
// row.edit_price = row.price; // 初始化输入框的值
},
@@ -973,7 +1015,7 @@ export default {
row.word = row.edit_word
}
row[type] = row['edit_' + type]; // 更新价格
- row[type + '_popover'] = false; // 关闭弹框
+ row[type + 'PopoverVisible'] = false; // 关闭弹框
this.$message.success('保存成功');
this.$set(this.tableData1, row)
console.log('保存价格：', this.tableData1, row.price);
@@ -981,8 +1023,10 @@ export default {
},
// 取消编辑
cancelEdit(row, type) {
- row[type + '_popover'] = false; // 关闭弹框
- this.$message.info('已取消编辑');
+ row[type + 'PopoverVisible'] = false;
+ this.popoverFlag = false
+ // row[type + '_popover'] = false; // 关闭弹框
+ this.$Message.info('已取消编辑');
},
random() {
var randomNumber = Math.random();
@@ -1125,6 +1169,16 @@ export default {
};
{{ scope.row.payment
==
'0' ? '默认站点支付' : '自定义支付' }}
-
+
-
+
- 跳过
- 完成
+ 跳过
+ 完成