You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.8 KiB
67 lines
1.8 KiB
10 months ago
|
define([
|
||
|
|
'text!./index.html',
|
||
|
|
'css!./index.css'
|
||
|
|
], function(html) {
|
||
|
|
return {
|
||
|
|
filters: {
|
||
|
|
rateCovert: function (value) {
|
||
|
|
return ['非常差', '差', '一般', '好', '非常好'][value - 1];
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
dialogShow: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
},
|
||
|
|
rateValue: {
|
||
|
|
type: Number,
|
||
|
|
default: 5
|
||
|
|
},
|
||
|
|
imageList: {
|
||
|
|
type: Array,
|
||
|
|
default: function () {
|
||
|
|
return [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: function () {
|
||
|
|
return {
|
||
|
|
textHeight: '',
|
||
|
|
textValue: ''
|
||
|
|
};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
textValue: {
|
||
|
|
handler: function () {
|
||
|
|
this.$nextTick(this.textResize);
|
||
|
|
},
|
||
|
|
immediate: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
textResize: function () {
|
||
|
|
this.textHeight = 'auto';
|
||
|
|
this.$nextTick(function () {
|
||
|
|
this.textHeight = this.$refs.textarea.scrollHeight + 'px';
|
||
|
|
});
|
||
|
|
},
|
||
|
|
rateChange: function (value) {
|
||
|
|
this.$emit('rate-change', value);
|
||
|
|
},
|
||
|
|
imageUpload: function (event) {
|
||
|
|
var files = event.target.files;
|
||
|
|
if (!files.length) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.$emit('image-upload', files[0]);
|
||
|
|
},
|
||
|
|
imageDelete: function (index) {
|
||
|
|
this.$emit('image-delete', index);
|
||
|
|
},
|
||
|
|
evaluateSubmit: function () {
|
||
|
|
this.$emit('evaluate-submit', this.textValue);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
template: html
|
||
|
|
};
|
||
|
|
});
|