|
|
@@ -157,6 +157,32 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
+ <template v-slot:blank_application_component="scope">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <view v-for="(item, index) in scope.model.blank_application_component" :key="index" class="seal-card">
|
|
|
+ <div class="seal-card-header">
|
|
|
+ <span class="seal-card-index">{{ index + 1 }}.</span>
|
|
|
+ <span class="seal-card-type">{{ item.productName || '未选择产品' }}</span>
|
|
|
+ <div class="seal-card-actions">
|
|
|
+ <van-button size="mini" type="primary" plain @click="openAppEditDialog(scope, 'edit', index)">编辑</van-button>
|
|
|
+ <van-button size="mini" type="danger" plain @click="delNewRow('blank_application_component', index)">删除</van-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seal-card-body">
|
|
|
+ <div class="seal-card-row">
|
|
|
+ <span class="seal-card-label">数量</span>
|
|
|
+ <span class="seal-card-value">{{ item.quantity || '未填写' }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="seal-card-row">
|
|
|
+ <span class="seal-card-label">规格</span>
|
|
|
+ <span class="seal-card-value">{{ item.specification || '未填写' }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </view>
|
|
|
+ <van-button type="primary" size="small" block @click="openAppEditDialog(scope, 'add', scope.model.blank_application_component?scope.model.blank_application_component.length:0)" style="margin-bottom:10px">+ 添加产品</van-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
</fm-generate-vant-form>
|
|
|
|
|
|
<!-- 印章选择弹窗（根层级，避免被 form overflow 裁剪） -->
|
|
|
@@ -234,6 +260,41 @@
|
|
|
</div>
|
|
|
</van-popup>
|
|
|
|
|
|
+ <!-- 产品选择弹窗 -->
|
|
|
+ <van-popup v-model:show="appPopVisible" position="bottom" :style="{ height: '45%' }">
|
|
|
+ <van-picker
|
|
|
+ show-toolbar
|
|
|
+ title="选择产品名称"
|
|
|
+ :columns="productNameList"
|
|
|
+ @confirm="onAppPopConfirm"
|
|
|
+ @cancel="appPopVisible = false"
|
|
|
+ />
|
|
|
+ </van-popup>
|
|
|
+
|
|
|
+ <!-- 产品编辑弹窗 -->
|
|
|
+ <van-popup v-model:show="appEditVisible" position="bottom" :style="{ height: '55%' }" round>
|
|
|
+ <div style="padding:16px">
|
|
|
+ <h4 style="text-align:center;margin-bottom:12px">{{ appEditTitle }}</h4>
|
|
|
+ <div class="seal-form-row" @click="openAppPickerInEdit">
|
|
|
+ <span class="seal-form-label">产品名称</span>
|
|
|
+ <span class="seal-form-val">{{ appEditForm.productName || '请选择' }}</span>
|
|
|
+ <span class="seal-form-arrow">›</span>
|
|
|
+ </div>
|
|
|
+ <div class="seal-form-row">
|
|
|
+ <span class="seal-form-label">数量</span>
|
|
|
+ <input class="seal-form-input" v-model="appEditForm.quantity" type="number" placeholder="请输入" />
|
|
|
+ </div>
|
|
|
+ <div class="seal-form-row">
|
|
|
+ <span class="seal-form-label">规格型号</span>
|
|
|
+ <input class="seal-form-input" v-model="appEditForm.specification" placeholder="请输入" />
|
|
|
+ </div>
|
|
|
+ <div style="display:flex;justify-content:space-between;padding:20px 0">
|
|
|
+ <van-button style="width:48%" @click="appEditVisible = false">取消</van-button>
|
|
|
+ <van-button style="width:48%" type="primary" @click="onAppEditSave">保存</van-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-popup>
|
|
|
+
|
|
|
<div>
|
|
|
|
|
|
<div v-if='isEdit'
|
|
|
@@ -347,15 +408,42 @@
|
|
|
{ value: '无', text: '无' },
|
|
|
],
|
|
|
useQualificationNameList: [
|
|
|
- { value: '营业执照正本', text: '营业执照正本' },
|
|
|
- { value: '营业执照副本', text: '营业执照副本' },
|
|
|
- { value: '第一类医疗器械生产备案凭证', text: '第一类医疗器械生产备案凭证' },
|
|
|
- { value: '开户许可证', text: '开户许可证' },
|
|
|
- { value: '医疗器械生产许可证', text: '医疗器械生产许可证' },
|
|
|
- { value: '医疗器械生产产品登记表', text: '医疗器械生产产品登记表' },
|
|
|
- { value: '专利证书', text: '专利证书' },
|
|
|
- { value: '二类注册证', text: '二类注册证' },
|
|
|
- { value: '无', text: '无' },
|
|
|
+ {
|
|
|
+ value: '营业执照正本（行政人事部）',
|
|
|
+ text: '营业执照正本（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '营业执照副本（行政人事部）',
|
|
|
+ text: '营业执照副本（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '第一类医疗器械生产备案凭证（行政人事部）',
|
|
|
+ text: '第一类医疗器械生产备案凭证（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '开户许可证（行政人事部）',
|
|
|
+ text: '开户许可证（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '医疗器械生产许可证（行政人事部）',
|
|
|
+ text: '医疗器械生产许可证（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '医疗器械生产产品登记表（行政人事部）',
|
|
|
+ text: '医疗器械生产产品登记表（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '专利证书（行政人事部）',
|
|
|
+ text: '专利证书（行政人事部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '二类注册证（注册法务部）',
|
|
|
+ text: '二类注册证（注册法务部）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '无',
|
|
|
+ text: '无'
|
|
|
+ },
|
|
|
],
|
|
|
qualPopVisible: false,
|
|
|
qualPopType: 'type',
|
|
|
@@ -366,6 +454,29 @@
|
|
|
qualEditScope: null,
|
|
|
qualEditIndex: null,
|
|
|
qualPopIsEdit: true,
|
|
|
+ // 产品申请
|
|
|
+ productNameList: [
|
|
|
+ { value: '一次性使用刀头', text: '一次性使用刀头' },
|
|
|
+ { value: '一次性使用多功能引流管', text: '一次性使用多功能引流管' },
|
|
|
+ { value: '强光手电筒+变径接头', text: '强光手电筒+变径接头' },
|
|
|
+ { value: '手电筒充电器', text: '手电筒充电器' },
|
|
|
+ { value: '医用冷敷贴疼痛型', text: '医用冷敷贴疼痛型' },
|
|
|
+ { value: '医用冷敷凝胶防脱育发型', text: '医用冷敷凝胶防脱育发型' },
|
|
|
+ { value: '医用冷敷凝胶痔疮型', text: '医用冷敷凝胶痔疮型' },
|
|
|
+ { value: '医用冷敷凝胶皮肤瘙痒型', text: '医用冷敷凝胶皮肤瘙痒型' },
|
|
|
+ { value: '医用透明质酸钠修复贴', text: '医用透明质酸钠修复贴' },
|
|
|
+ { value: '一次性射频等离子手术电极', text: '一次性射频等离子手术电极' },
|
|
|
+ { value: '一次性冲冼吸引器', text: '一次性冲冼吸引器' },
|
|
|
+ { value: '一次性使用胃管', text: '一次性使用胃管' },
|
|
|
+ { value: '笔记本套装', text: '笔记本套装' },
|
|
|
+ ],
|
|
|
+ appPopVisible: false,
|
|
|
+ appEditVisible: false,
|
|
|
+ appEditTitle: '添加产品',
|
|
|
+ appEditForm: { productName: '', quantity: '', specification: '' },
|
|
|
+ appEditMode: 'add',
|
|
|
+ appEditScope: null,
|
|
|
+ appEditIndex: null,
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -581,6 +692,43 @@
|
|
|
this.qualEditForm[field] = sel
|
|
|
this.qualPopVisible = false
|
|
|
},
|
|
|
+ // ===== 产品申请 =====
|
|
|
+ openAppEditDialog(scope, mode, index) {
|
|
|
+ this.appEditScope = scope
|
|
|
+ this.appEditIndex = index
|
|
|
+ this.appEditMode = mode
|
|
|
+ if (mode === 'edit' && scope.model.blank_application_component[index]) {
|
|
|
+ var r = scope.model.blank_application_component[index]
|
|
|
+ this.appEditForm = { productName: r.productName||'', quantity: r.quantity||'', specification: r.specification||'' }
|
|
|
+ this.appEditTitle = '编辑产品'
|
|
|
+ } else {
|
|
|
+ this.appEditForm = { productName: '', quantity: '', specification: '' }
|
|
|
+ this.appEditTitle = '添加产品'
|
|
|
+ }
|
|
|
+ this.appEditVisible = true
|
|
|
+ },
|
|
|
+ async onAppEditSave() {
|
|
|
+ var scope = this.appEditScope
|
|
|
+ var idx = this.appEditIndex
|
|
|
+ var key = 'blank_application_component'
|
|
|
+ var data = await this.$refs.generateForm.getData(false);
|
|
|
+ if (!data[key]) data[key] = []
|
|
|
+ if (this.appEditMode === 'edit') {
|
|
|
+ data[key][idx] = JSON.parse(JSON.stringify(this.appEditForm))
|
|
|
+ } else {
|
|
|
+ data[key].push(JSON.parse(JSON.stringify(this.appEditForm)))
|
|
|
+ }
|
|
|
+ this.$refs.generateForm.setData({ [key]: data[key] })
|
|
|
+ this.appEditVisible = false
|
|
|
+ },
|
|
|
+ openAppPickerInEdit() {
|
|
|
+ this.appPopVisible = true
|
|
|
+ },
|
|
|
+ onAppPopConfirm(picker) {
|
|
|
+ var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
|
|
|
+ this.appEditForm.productName = sel
|
|
|
+ this.appPopVisible = false
|
|
|
+ },
|
|
|
async handleUploadLocal (model, rowIndex) {
|
|
|
console.log('上传本地文件按钮被点击，字段模型：', model, '行索引：', rowIndex)
|
|
|
let data = await this.$refs.generateForm.getData(false);
|
